【www.bbyears.com--jquery】
通过jquery的animate实现上下单行自动跳转
代码如下 <scripttype="text/javascript"src="__ROOT__/Style/H/js/jquery-1.7.2.min.js"></script> 1. Lorem Ipsum is simply dummy text of the printing and typesetting industry 2. It is a long established fact that a reader will be distracted 3. Many desktop publishing packages 4. All the Lorem Ipsum generators on the Internet tend to repeat predefined 5. The standard chunk of Lorem Ipsum used 6. English versions from the 1914 translation by H. Rackham. 7. Bu metin deneme amaçlıdır the standard chunk of Lorem Ipsum used <script> (function($){ $.fn.extend({ Roll:function(){ return this.each(function(){ var n=0; $("#roll span a").hover(function(){ $(this).css("color","red"); },function(){ $(this).css("color","green"); }); var timername=setInterval(function(){Play()},1000); $("#roll").hover( function() { clearInterval(timername); }, function() { timername=setInterval(function(){Play()},1000); }); function Play(){ if($("#roll>span").length>n) n++; else n=1; $("#roll").animate({"marginTop":-($("#roll span" ).height())*(n-1)}); } }); } }) })(jQuery); </script>二 通过scrollLeft函数实现自动左右移动（谷歌浏览器偶尔不能移动）
代码如下 <script src="bootstrap-3.3.5-dist/js/jquery-1.11.3.js"></script>
<script>
varspeed=10;
vartab=document.getElementById("demo");
vartab1=document.getElementById("demo1");
vartab2=document.getElementById("demo2");
$("#demo2").text($("#demo1").clone());
$("#demo2").clone();
functionMarquee(){
if(tab2.offsetWidth-tab.scrollLeft<=0)
tab.scrollLeft-=tab1.offsetWidth
else{
tab.scrollLeft++;
}
}
varMyMar=setInterval(Marquee,speed);
tab.onmouseover=function() {clearInterval(MyMar)};
tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
</script>