基于jQuery实现文字滚动特效插件

基于jQuery实现文字滚动特效插件

一款基于jQuery文字滚动插件,代码注释全,修改颜色替换背景图或修改背景样式.dc-scroll li div

使用方法
在页面中引入jquery.min.js和dc_scroll.js相关文件

1
2
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/dc_scroll.js" type="text/javascript"></script>

卷轴模块

1
2
3
4
5
6
var scroll = new Scroll({
  dom : $(".dc-scroll"),  //操作的节点
  num : 5,                //几个卷轮
  delay : 3000            //时间间隔单位ms
});
scroll.run();

HTML结构

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<div class="total-police-alert">
<div class="fl">卷轴控件</div>

<ul class="dc-scroll fr">
<li>
<div class="s-on"></div>
<div class="s-hide"></div>
</li>
<li>
<div class="s-on"></div>
<div class="s-hide"></div>
</li>
<li>
<div class="s-on"></div>
<div class="s-hide"></div>
</li>
<li>
<div class="s-on"></div>
<div class="s-hide"></div>
</li>
<li>
<div class="s-on"></div>
<div class="s-hide"></div>
</li>
</ul>
</div>
当前内容只有登录了才能查看,如果您已经注册,请登录
0

发表评论