最新消息:红方科技年末特惠:.com域名55元、云虚机五折优惠,买3年送2年,更有智能建站套餐等你来取!

Jquery水平滚动简洁代码

JS yinhexi 1694浏览 0评论
<nobr>
<div id="yhx_keyword_ms" style="display:inline-block; float:left; width:290px; overflow:hidden;">
<a href="/site/search_list/word/%E9%9B%85%E5%9F%B9">雅培</a>
<a href="/site/search_list/word/%E6%B5%AA%E7%90%B4">浪琴</a>
<a href="/site/search_list/word/Gucci">Gucci</a>
<a href="/site/search_list/word/Chanel">Chanel</a>
<a href="/site/search_list/word/Coach">Coach</a>
<a href="/site/search_list/word/Omega">Omega</a>
<a href="/site/search_list/word/%E8%8B%B9%E6%9E%9C">苹果</a>
</div>
</nobr>

 

function yhx_keyword_ms() {
$(‘#yhx_keyword_ms’).animate({scrollLeft:’-20′},function(){
$(this).css(‘scrollLeft’,’0′).find(‘a:first’).appendTo(this);
});
}
setInterval(yhx_keyword_ms, 1000);

转载请注明:红方博客 » Jquery水平滚动简洁代码