您正在使用 IPV4 [3.236.145.153] 访问本站,您本次已经查看了 1 页
用户名: 密 码: 验证码:     用QQ登录本站
首页 软件 编程 笑话 知识 公告 台风 日历 计算器
悟空收录网       [公益]保护绿色环境,构建和谐社会      

【腾讯云】云服务器、云数据库、COS、CDN、短信等云产品特惠热卖中      
[公益] 地球是我家,绿化靠大家      
2024年 妇女节 010
2024年 清明节 037
2025年 元 旦 309
2025年 春 节 337
 
您现在的位置:首页 >> 脚本代码 >> 内容
本类新增
本类热门
javascript上下左右定时滚动插件
内容摘要: 核心代码:scripttype='text/javascript'functionMarquee(){this.ID=document.getElementById(arguments[0]);this.Direction=arguments[1];this.Step=arguments[2];this.Width=arguments[3];this.Hei......
核心代码:

<scripttype="text/javascript">

functionMarquee(){

this.ID=document.getElementById(arguments[0]);

this.Direction=arguments[1];

this.Step=arguments[2];

this.Width=arguments[3];

this.Height=arguments[4];

this.Timer=arguments[5];

this.WaitTime=arguments[6];

this.StopTime=arguments[7];

if(arguments[8]){this.ScrollStep=arguments[8];}else{this.ScrollStep=this.Direction>1?this.Width:this.Height;}

this.CTL=this.StartID=this.Stop=this.MouseOver=0;

this.ID.style.overflowX=this.ID.style.overflowY="hidden";

this.ID.noWrap=true;

this.ID.style.width=this.Width;

this.ID.style.height=this.Height;

this.ClientScroll=this.Direction>1?this.ID.scrollWidth:this.ID.scrollHeight;

this.ID.innerHTML+=this.ID.innerHTML;

this.Start(this,this.Timer,this.WaitTime,this.StopTime);

}

Marquee.prototype.Start=function(msobj,timer,waittime,stoptime){

msobj.StartID=function(){msobj.Scroll();}

msobj.Continue=function(){

if(msobj.MouseOver==1){setTimeout(msobj.Continue,waittime);}

else{clearInterval(msobj.TimerID);msobj.CTL=msobj.Stop=0;msobj.TimerID=setInterval(msobj.StartID,timer);}

}

msobj.Pause=function(){msobj.Stop=1;clearInterval(msobj.TimerID);setTimeout(msobj.Continue,waittime);}

msobj.Begin=function(){

msobj.TimerID=setInterval(msobj.StartID,timer);

msobj.ID.onmouseover=function(){msobj.MouseOver=1;clearInterval(msobj.TimerID);}

msobj.ID.onmouseout=function(){msobj.MouseOver=0;if(msobj.Stop==0){clearInterval(msobj.TimerID);msobj.TimerID=setInterval(msobj.StartID,timer);}}

}

setTimeout(msobj.Begin,stoptime);

}

Marquee.prototype.Scroll=function(){

switch(this.Direction){

case0:

this.CTL+=this.Step;

if(this.CTL>=this.ScrollStep&&this.WaitTime>0){this.ID.scrollTop+=this.ScrollStep+this.Step-this.CTL;this.Pause();return;}

else{if(this.ID.scrollTop>=this.ClientScroll)this.ID.scrollTop-=this.ClientScroll;this.ID.scrollTop+=this.Step;}

break;

case1:

this.CTL+=this.Step;

if(this.CTL>=this.ScrollStep&&this.WaitTime>0){this.ID.scrollTop-=this.ScrollStep+this.Step-this.CTL;this.Pause();return;}

else{if(this.ID.scrollTop<=0)this.ID.scrollTop+=this.ClientScroll;this.ID.scrollTop-=this.Step;}

break;

case2:

this.CTL+=this.Step;

if(this.CTL>=this.ScrollStep&&this.WaitTime>0){this.ID.scrollLeft+=this.ScrollStep+this.Step-this.CTL;this.Pause();return;}

else{if(this.ID.scrollLeft>=this.ClientScroll)this.ID.scrollLeft-=this.ClientScroll;this.ID.scrollLeft+=this.Step;}

break;

case3:

this.CTL+=this.Step;

if(this.CTL>=this.ScrollStep&&this.WaitTime>0){this.ID.scrollLeft-=this.ScrollStep+this.Step-this.CTL;this.Pause();return;}

else{if(this.ID.scrollLeft<=0)this.ID.scrollLeft+=this.ClientScroll;this.ID.scrollLeft-=this.Step;}

break;

}

}

</script>

控制使用代码:

<scripttype="text/javascript">

<!--

window.onload=function(){

newMarquee(

"s1",//容器ID

0,//向上滚动(0向上1向下2向左3向右)

2,//滚动的步长

251,//容器可视宽度

520,//容器可视高度

50,//定时器数值越小,滚动的速度越快(1000=1秒,建议不小于20)

2000,//间歇停顿时间(0为不停顿,1000=1秒)

3000,//开始时的等待时间(0为不等待,1000=1秒)

75//间歇滚动间距(可选),可理解为行高,我这里是3*25=75,就是每次滚动三行

);

};

-->

</script>

版权声明:本内容来源于网络,如有侵犯您的版权,请联系站长,本站收到您的信息后将及时处理。
上一篇:弹出广告特效代码(一个IP只弹出一次)

 

下一篇:JavaScript判断窗口是否最小化的代码(跨浏览器)

发布日期:2024/2/1
手机扫二维码直达本页
发布时间:11:59:40
点  击:36
录  入:伊伊
相关文章
Baidu
YiJiaCMS 7.3.8 build231228(MSSQL) 闽ICP备05000814号-1
本空间由腾讯云(轻量应用服务器)提供,Cloudflare提供加速防护
运行时间载入中.....