
支持鼠标拖动的MSClass文字向左滚动js插件。文字会向左不间断滚动,当鼠标移上去,文字会停止滚动。到按下鼠标可以向左向右拖动文字。
<SCRIPT type=text/javascript src="https://5.jimth.com/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"]的形式全包含进去) |
