我爱模板网 > 特效插件 > 文字特效 >  支持鼠标拖动的MSClass文字向左滚动js插件正文

支持鼠标拖动的MSClass文字向左滚动js插件

特效介绍
可以拖动的msclass文字滚动

    支持鼠标拖动的MSClass文字向左滚动js插件。文字会向左不间断滚动,当鼠标移上去,文字会停止滚动。到按下鼠标可以向左向右拖动文字。
使用方法
1、在head区引入下面的代码
<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"]的形式全包含进去)





部分素材资源来源网站,本站提供免费下载,如有侵权请联系站长马上删除!
上一篇:MSClass文字向上滚动,MSClass文字滚动插件 下一篇:HTML5+jQuery打造漂亮的爱心表白动画
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
选择头像:
最新评论

猜你喜欢