您的位置:澳门新葡8455最新网站 > 服务器运维 > jquery实现多行文字图片滚动效果示例代码_jquery

jquery实现多行文字图片滚动效果示例代码_jquery

发布时间:2019-12-31 04:27编辑:服务器运维浏览(57)

    今儿分享一个jquery实现多行滚动效果。

    我看一些论坛网站上面,公告处用的较多。

    // 多行滚动{$.fn.extend({Scroll:function{if var opt={};var _this=this.eq;var lineH=_this.find,line=opt.line?parseInt:parseInt/lineH,10),speed=opt.speed?parseInt:1000, //卷动速度,数值越大,速度越慢timer=opt.timer?parseInt:5000; //滚动的时间间隔 line=1;var upHeight=0-line*lineH;scrollUp=function(){_this.animate({marginTop:upHeight},speed,function(){for(i=1;i
    
    我是jquery多行滚动条一我是jquery多行滚动条二我是jquery多行滚动条三我是jquery多行滚动条四我是jquery多行滚动条五我是jquery多行滚动条六我是jquery多行滚动条七我是jquery多行滚动条八
    
    // 多行滚动{$.fn.extend({Scroll:function{if var opt={};var _this=this.eq;var lineH=_this.find,line=opt.line?parseInt:parseInt/lineH,10),speed=opt.speed?parseInt:1000, //卷动速度,数值越大,速度越慢timer=opt.timer?parseInt:5000; //滚动的时间间隔 line=1;var upHeight=0-line*lineH;scrollUp=function(){_this.animate({marginTop:upHeight},speed,function(){for{_this.find.appendTo;}_this.css;}_this.hover{clearInterval{timerID=setInterval;}).mouseout;$.ready{$.Scroll({line:4,speed:1000,timer:2000});});
    

    本文由澳门新葡8455最新网站发布于服务器运维,转载请注明出处:jquery实现多行文字图片滚动效果示例代码_jquery

    关键词: