不间断滚动,间歇滚动,翻屏滚动,MSClass不间断滚动类
网上五花八门的不间断滚动,间歇滚动,翻屏滚动代码等大多都不符合WEB标准化。
即页面上头为<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

<html xmlns=”http://www.w3.org/1999/xhtml”>

就会出产生错误。

还得把

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

给删除掉才行。但是删除后又通不过W3C。

今天Cngothic把自己一直使用的MSClass不间断滚动封装类推荐下。

对于滚动效果来说。并不夸张的说只有想不到没有做不到。

所做效果如下描述:

禁止鼠标控制暂停或滚动,控制滚动方向,控制滚动方向及加速,鼠标悬停滚动,文字翻屏滚动,文字间歇滚动,向上翻屏滚动,向下翻屏滚动,向左翻屏滚动,向右翻屏滚动,向上连续滚动,向左连续滚动,向上间歇滚动,向左间歇滚动

创建实例如下:

//参数直接赋值法

new Marquee(”marquee”)

new Marquee(”marquee”,”top”)

……

new Marquee(”marquee”,0,1,760,52)

new Marquee(”marquee”,”top”,1,760,52,50,5000)

……

new Marquee(”marquee”,0,1,760,104,50,5000,3000,52)

new Marquee(”marquee”,null,null,760,104,null,5000,null,-1)//参数动态赋值法var marquee1 = new Marquee(”marquee”) *此参数必选

marquee1.Direction = “top”; 或者 marquee1.Direction = 0;

marquee1.Step = 1;

marquee1.Width = 760;

marquee1.Height = 52;

marquee1.Timer = 50;

marquee1.DelayTime = 5000;

marquee1.WaitTime = 3000;

marquee1.ScrollStep = 52;

marquee1.Start();参数说明:ID “marquee” 容器ID (必选)

Direction (0) 滚动方向 (可选,默认为0向上滚动) 可设置的值包括:0,1,2,3,”top”,”bottom”,”left”,”right” (0向上 1向下 2向左 3向右)

Step (1) 滚动的步长 (可选,默认值为2,数值越大,滚动越快)

Width (760) 容器可视宽度 (可选,默认值为容器初始设置的宽度)

Height (52) 容器可视高度 (可选,默认值为容器初始设置的高度)

Timer (50) 定时器 (可选,默认值为30,数值越小,滚动的速度越快,1000=1秒,建议不小于20)

DelayTime (5000) 间歇停顿延迟时间(可选,默认为0不停顿,1000=1秒)

WaitTime (3000) 开始时的等待时间(可选,默认或0为不等待,1000=1秒)

ScrollStep (52) 间歇滚动间距 (可选,默认为翻屏宽/高度,该数值与延迟均为0则为鼠标悬停控制,-1禁止鼠标控制)

Cngothic说明实例:

<script type=”text/javascript” src=”MSClass.js” mce_src=”MSClass.js”></script>

<div id=”textdiv1″ style=”border:1 solid #c0c0c0;text-align:left;width:760px;height:42px;overflow:hidden;”>

歌特中国<br />

歌特金属<br />

MTV娱乐<br />

织梦乱弹

</div>

<script defer>

new Marquee(”textdiv1″,0,1,760,42,20,4000,5000,14)

</script>

完成。很简单哦。

MSClass.js下载地址

MSClass (Class Of Marquee Scroll通用不间断滚动JS封装类) Ver 1.65 程序制作/版权所有:崔永祥(333)

谷歌搜索:不间断滚动,间歇滚动,翻屏滚动,MSClass不间断滚动类

百度搜索:不间断滚动,间歇滚动,翻屏滚动,MSClass不间断滚动类

雅虎搜索:不间断滚动,间歇滚动,翻屏滚动,MSClass不间断滚动类

搜狗搜索:不间断滚动,间歇滚动,翻屏滚动,MSClass不间断滚动类

, ,

Del.icio.us Google书签 Digg Live Bookmark Technorati Furl Yahoo书签 Facebook 百度搜藏 新浪ViVi 365Key网摘 天极网摘 和讯网摘 博拉网 POCO网摘 添加到饭否 QQ书签 Digbuzz我挖网

Leave a reply?