jQuery实现文字轮播效果
function linkMarquee(lh,speed,delay){ var t; var p = false; o=$('#link_slide'); o.html(o.html()+o.html()); o.hover(function(){p=true},function(){p=false}); o.scrollTop(0); function start(){ t=setInterval(scrolling,speed); if(!p){ o.scrollTop(o.scrollTop()+1);} } function scrolling(){ if(o.scrollTop()%lh!=0){ o.scrollTop(o.scrollTop()+1); if(o.scrollTop()>=o[0].scrollHeight/2) o.scrollTop(0); }else{ clearInterval(t); setTimeout(start,delay); } } setTimeout(start,delay); }
ink_slide是该div的id,<li></li>中放置每行轮播的文字,注意css中须设置 overflow:hidden;
图片的滚动效果可以参考这里 http://cssglobe.com/post/5780/easy-slider-17-numeric-navigation-jquery-slider