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

这是一个支持鼠标拖动的JS插件,实现文字向左不间断滚动。当鼠标悬停时,滚动会暂停;按下鼠标可左右拖动文字。在页面中引入相应的CSS和JS代码,通过Marquee函数配置滚动参数,如容器ID、滚动方向、速度等。
摘要由CSDN通过智能技术生成

特效介绍

支持鼠标拖动的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"]的形式全包含进去)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值