10th
2008,01
不间断滚动,间歇滚动,翻屏滚动,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 (Class Of Marquee Scroll通用不间断滚动JS封装类) Ver 1.65 程序制作/版权所有:崔永祥(333)
谷歌搜索:不间断滚动,间歇滚动,翻屏滚动,MSClass不间断滚动类
百度搜索:不间断滚动,间歇滚动,翻屏滚动,MSClass不间断滚动类
雅虎搜索:不间断滚动,间歇滚动,翻屏滚动,MSClass不间断滚动类
Name: Cngothic 































Leave a reply?