|
jquery无缝滚动插件 GIF动画演示:
GIF录制有卡顿现象,实际上滚动时非常流程自然,可以下载插件后,打开index.html查看实际效果!
插件下载:
DIY导入使用:
- link type="text/css" href="css/style.css" rel="stylesheet" />
- <script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
- <script type="text/javascript" src="js/scroll.js"></script>
- <script type="text/javascript">
- jQuery.noConflict(); var jq=jQuery;
- jq(document).ready(function(){
- jq('.list_lh li:even').addClass('lieven');
- })
- jq(function(){
- jq("div.list_lh").myScroll({
- speed:40, //数值越大,速度越慢
- rowHeight:34 //li的高度
- });
- });
- </script>
- <div class="bcon">
- <h1><b>无缝滚动 by DZ起点网</b></h1>
- <!-- 代码开始 -->
- <div class="list_lh">
- <ul>
- [loop]
- <li>
- <a href="{url}">{title}</a>
- </li>
- [/loop]
- </ul>
- </div>
- <!-- 代码结束 -->
- </div>
复制代码
引入CSS时,安装CSS文件内的提示,删除不需要的CSS样式!
视频教程后期附上! |
|