Welcome 微信登录
编程资源 图片资源库 蚂蚁家优选 PDF转换器 软件资源

软件开发小程序制作系统集成与运维空间租用硬件开发视频监控技术咨询与支持——联系电话:0311-88999002/88999003

首页 / 脚本样式 / JavaScript / 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)

                            });

            });