jquery文字上下滚动的实现方法
程序员文章站
2022-04-15 10:37:26
代码如下:
//上下滚动
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)
});
});
上一篇： 代码重构与单元测试（一）