JQ鼠标悬停逐行向上滚动
- 2,927
JQ逐行向上滚动，适合滚动公告、滚动新闻、滚动…等
JQ：
function autoScroll(obj) {
$(obj).find("ul").animate({
marginTop: "-20px"
}, 500, function() {
$(this).css({
marginTop: "0px"
}).find("li:first").appendTo(this);
})
}
$(function() {
var myar = setInterval('autoScroll(".uptext")', 2000);
$(".uptext").hover(function () { clearInterval(myar); },
function () {myar = setInterval('autoScroll(".uptext")', 2000) });
})HTML：
<span class="uptext">
<a>标题</a>
<a>标题</a>
</span>CSS：
.uptext{height:20px;overflow:hidden;}以上需引入JQ库
声明：博客中如无特殊说明或标注的文章均为博客原创文章，部分文章来源互联网，如有侵犯您的版权，或者对零分博客发布的文章有异议，请来信告知删除、修改，如您有好的建议或者意见也可以来信，谢谢！
请TA喝杯水^_^
如本文“对您有用”，欢迎随意打赏，让我们坚持创作！
请TA喝水![]()
