特效介绍
支持鼠标拖动的MSClass文字向左滚动js插件。文字会向左不间断滚动,当鼠标移上去,文字会停止滚动。到按下鼠标可以向左向右拖动文字。
使用方法
1、在head区引入下面的代码
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;}
2、在内容的顶部区域引入下面的代码:
- 文字横向滚动应用实例演示
- 省市地区联动选择JS封装类
- 通用不间断滚动JS封装类
- WEBAMP异站调用控制示例
- 文字横向滚动应用实例演示
- 通用不间断滚动JS封装类
new Marquee(["hottitle","ulid"],2,2,720,30,20,0,0);
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"]的形式全包含进去)