JQ鼠标悬停逐行向上滚动
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库
标签:JQ滚动