jQuery 实现公告无缝滚动
2020-11-27 13:42
标签：blog class java ext color http HTML JS css #hotTopic{width:445px;*width:422px;
height:20px; overflow:hidden;float:left;border:1px solid #3e6388;
margin-top:-2px;*margin-top:-1px;_margin-top:0px;} 原博文 jQuery 实现公告无缝滚动,搜素材,soscw.com jQuery 实现公告无缝滚动 标签：blog class java ext color http 原文地址：http://www.cnblogs.com/luhuimin/p/3708551.html
$(document).ready(function(){
var
speed=30;
var
$tab=$("#hotTopic");
var
$tab1=$("#talking");
var
$tab2=$("#scroll");
$tab2.html($tab1.html());
function
Marquee(){
if($tab2[0].offsetWidth-$tab[0].scrollLeft
$tab[0].scrollLeft-=$tab1[0].offsetWidth;
else{
$tab[0].scrollLeft++;
}
}
var
MyMar=setInterval(Marquee,speed);
$tab.hover(function(){
clearInterval(MyMar);
},function(){
MyMar=setInterval(Marquee,speed)
})
})
.wrap{float:
left;width:100000px;}
#talking,#scroll{float:left;}
#talking
li,#scroll li{height:20px; color:#e9bb19;padding-left:10px;float:left;
line-height:20px;}
#talking li a,#scroll li a{color:#e9bb19;
font-family:"宋体";}