利用jQuery实现卷轴式数字滚动代码



10 39 14



特效描述:利用jQuery实现 卷轴式数字 滚动代码,利用jQuery实现卷轴式数字滚动代码

代码结构

1. 引入CSS

<link rel="stylesheet" href="dc_scroll.css">

2. 引入JS

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

3. HTML代码

<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>
<script>
    //卷轴模块
    var scroll = new Scroll({
        dom : $(".dc-scroll"),  //操作的节点
        num : 5,                //几个卷轮
        delay : 3000            //时间间隔单位ms
    });
    scroll.run();
</script>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';color:red">
</div>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 滚动 滚动条 页面滚动 滚动插件 滚动条插件 滚动条美化 自动滚动图片轮播 文字滚动 文字无缝滚动 文字间歇滚动

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到