作者:手机用户美佛_885 | 来源:互联网 | 2013-06-24 15:56
在网页特效中,文字的滚动越来越普遍了,它能在页面中起到一个显眼的作用,把重要的信息以最快的方式展现出来。下面的这个jquery,就能实现文字,单行滚动、多行滚动、带按钮控制动三种方式
在网页特效中,文字的滚动越来越普遍了,它能在页面中起到一个显眼的作用,把重要的信息以最快的方式展现出来。下面的这个jquery ,就能实现文字,单行滚动、 多行滚动 、带按钮控制动 三种方式。
下面的代码实现的是单行滚动,其他的可以在demo中看到,直接上代码:
CSS
*{margin:0;padding:0;}
ul,li{list-style-type:none;}
body{font:12px/180% Arial, Helvetica, sans-serif;}
a{color:#333;text-decoration:none;}
a:hover{color:#3366cc;text-decoration:underline;}
.demopage{width:960px;margin:0 auto;}
.demopage h2{font-size:14px;margin:20px 0;}
/* scrollDiv */
.scrollDiv{height:25px;/* 必要元素 */line-height:25px;border:#ccc 1px solid;overflow:hidden;/* 必要元素 */}
.scrollDiv li{height:25px;padding-left:10px;}
#s2,#s3{height:100px;}
HTML
jQuery ,要先加载jquery库
很容易实现吧。直接看演示吧!