欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

jquery文字上下滚动的实现方法

程序员文章站 2022-08-09 16:22:58
代码如下: //上下滚动 var textroll=function(){ $('#notice p:last').css({'height':'0px...

代码如下:

//上下滚动

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)

});

});