支持鼠标拖动的MSClass文字向左滚动js插件。文字会向左不间断滚动,当鼠标移上去,文字会停止滚动。到按下鼠标可以向左向右拖动文字。
<SCRIPT type=text/javascript src="http://www.5imoban.net/view/MSClass/MSClass.js"></SCRIPT> <style> a,body,select,td,b{font-size:12px;text-decoration:none;} body{background:#ffffff;} a,pre{color:#808080;} a:link,a:visited {color:#555;} a:hover,a:active { color:#ff4e00;} .list_top{ width:778px;height:35px;padding-left:30px; overflow:hidden; background:#d0f4ff;} .list_top .Empty{ width:40px; height:40px; float:left;} .hot{ width:720px;height:40px;} .hot ul{ width:720px; height:30px; overflow:hidden; margin:0;padding:0;} .hot ul li{ width:200px; height:30px; float:left; margin-right:15px; line-height:30px;} .hot ul li a{ color:#0066ff; font-size:14px; font-weight:bold;} </style>2、在内容的顶部区域引入下面的代码:
<div class="list_top"> <div id="hottitle" class="hot"> <ul id="ulid"> <li><a href="javascript:void(0)">文字横向滚动应用实例演示</a></li> <li><a href="javascript:void(0)">省市地区联动选择JS封装类</a></li> <li><a href="javascript:void(0)">通用不间断滚动JS封装类</a></li> <li><a href="javascript:void(0)">WEBAMP异站调用控制示例</a></li> <li><a href="javascript:void(0)">文字横向滚动应用实例演示</a></li> <li><a href="javascript:void(0)">通用不间断滚动JS封装类</a></li> </ul> </div> </div> <SCRIPT language=javascript> new Marquee(["hottitle","ulid"],2,2,720,30,20,0,0); </SCRIPT>3、函数Marquee的参数说明:
属性 |
类型 |
默认 |
描述 |
ID |
string |
必需 |
容器ID,通过new Mraquee("")第一个参数指定ID |
Direction |
integer |
0 |
滚动方向(默认为0向上滚动) 值:0上 1下 2左 3右 -1上下交替 4左右交替 |
Step |
integer/array |
2 |
滚动的步长(数值越大,滚动越快,小于1切换为缓动。若为数组[0.5,20]形式,则可设置Tween的缓动类别,0.5为系数,20为缓动类别) |
Width |
integer |
容器初始设置的宽度 |
容器可视宽度(默认值为容器初始设置的宽度) |
Height |
integer |
容器初始设置的高度 |
容器可视高度(默认值为容器初始设置的高度) |
Timer |
integer |
30 |
定时器,即频率/执行周期(默认值为30,数值越小,滚动的速度越快,1000=1秒,建议不小于20) |
DelayTime |
integer |
0 |
间歇停顿延迟时间(默认为0不停顿,1000=1秒) |
WaitTime |
integer |
0 |
开始时的等待时间(默认或0为不等待,1000=1秒) |
ScrollStep |
integer |
0 |
间歇滚动间距(默认为翻屏宽/高度,该数值为-2,DelayTime为0则为鼠标悬停控制,-1禁止鼠标控制) |
SwitchType |
integer |
0 |
轮显类型(默认为0滚动,可选值1切入,2渐显) |
HiddenID |
string/array |
null |
隐藏区域ID(可选,如果隐藏区域只有一层,可以用"hiddenid"的形式,如果多层,请用数组["hiddenid1","hiddenid2"]的形式全包含进去) |