jquery 文字上下滚动的小例子

发布时间:2020-02-27编辑:脚本学堂
jquery实现的文字上下滚动的代码,代码很简单,很不错的网页效果,有需要的朋友可以参考下。

jquery 文字上下滚动效果。

复制代码 代码示例:

//上下滚动
var textRoll=function(){
$('#notice p:last').css({'height':'0px','opacity': '0'}).insertBefore('#notice p:first').animate({'height':'35px','opacity': '1'}, 'slow', function() { $(this).removeAttr('style');});
}

$(function(){
//触发滚动事件
var roll=setInterval('textRoll()',4000);
$("#notice p").hover(function() {
clearInterval(roll);
}, function() {
roll = setInterval('textRoll()', 4000)
});
});