修罗xiuno添加个顶部动态跑马灯特效方法教程

修罗xiuno添加个顶部动态跑马灯特效方法教程

效果图如下：

修罗xiuno添加个顶部动态跑马灯特效方法教程

修罗程序添加教程：

1.首先我们先准备一个彩条gif图片，可以用本站的，也可以自己百度找

2.我们在程序的head文件里增加一段代码

1. <div id="top-img"></div>

复制代码

修罗xiuno添加个顶部动态跑马灯特效方法教程

3.将下方css代码放到css文件里

1. /*顶部图片*/
   
2. #top-img {
   
3.     background: url(http//www.zidiu.com/1.gif);
   
4.     height:4px;
   
5.     top:0px;
   
6.     position: fixed;
   
7.     width:100%;
   
8.     Z-index:9999;
   
9. }

复制代码

xiuno站点的css文件为../view/css/bootstrap.css

xiuno站点的head主体文件为../view/htm/header.inc.htm

修罗xiuno添加个顶部动态跑马灯特效方法教程

关于这个路径，尽量是把文件放到自己本地上，可以直接保存图片后丢在你的css文件夹里，路径改为

1.   background: url(./1.gif);

复制代码

图片附件下载：

【自丢网】图片附件.zip (3.44 KB, 下载次数: 1086)

2019-2-12 15:58 上传

点击文件名下载附件
修罗xiuno添加个顶部动态跑马灯特效方法教程

技术学习教程网，支持一下。