欢迎您,零度科技专业海外服务器租用
公司电话: 24小时电话: 

当前位置:首页>网站建设教程>javascript教程

目录导航

js不间断滚动类,js图片不间断流动类-MSClass

韩国高防服务器 添加于 2012-08-18  
javascript教程

Class Of Marquee Scroll通用不间断滚动JS封装类,官方: http://www.popub.net/script/MSClass.html

 更新说明: + 加入功能 * 修正、完善
2.9.120108(请加群了解新功能应用问题)
+ 微博效果支持(针对DIV+CSS应用有效,SwitchType设置成3开启此功能,ScrollStep设置为0非渐显,1渐显)
+ 根据各节点高/宽度自适应滚动效果支持(针对DIV+CSS间歇滚动应用有效,SwitchType设置成4开启此功能,ScrollStep为滚动节点数,默认1)
+ 切入效果Tween缓动类全支持
+ 加入对时间秒数直接设置的支持(如5秒即可以设置为5,也可以设置为5000)
+ 函数直接调用支持(即可以由函数直接创建实例,省略new实例创建操作)
+ 渐显/渐隐速率设定支持(由Timer参数控制)
+ 渐隐渐显效果支持(将SwitchType设置成2开启此功能,ScrollStep设置为0渐显,1渐隐渐显)
+ 加入即时切换效果支持(将SwitchType设置成5开启此功能)
+ 返回式滚动效果支持(即从尾部回滚至首部,间歇滚动有效 Direction设置为-2或5开启此功能)
+ 高宽度百分比设置支持(以字符串形式传值,如"20"或"20%")
+ 页码自动修正成整数倍支持
+ 页码/TAB每次滚动距离设置支持
+ 对UL、OL、DL直接赋值支持(参数直接赋值法有效,需有外部容器,不建议直接使用)
+ 页码总数量为1时自动取消页码显示
+ ReStart、Reset、Destroy方法支持(用于重新启用实例、销毁实例应用)
* 解决DIV+CSS由于宽度设置不正确导致纵向滚动可能留白的问题
* 解决DIV+CSS由于IE问题导致文字横向或纵向滚动可能存在跳跃情况的问题
* 取消对鼠标悬停调整速度的支持
* 取消对右键菜单的支持
* 鼠标滑动切换页码可能出现误差
* 修正针对初始无内容情况下页码误报问题
* 修正两处IE兼容问题(table-cell)
* 修正Maxthon及Netscape针对LI纵向图片间隙的兼容问题
2.8.110609
+ Tween缓动类效果全支持(将Step设置为数组如[0.5,20]形式即可启用Tween的缓动,0.5为系数,20为缓动类别,对应类别如下,可设置成如[0.5,"easeInOutBounce"]形式)
1 二次方缓入inquad     2 二次方缓出outquad    3 二次方缓入缓出inoutquad  4 三次方缓入incubic    5 三次方缓出outcubic
6 三次方缓入缓出inoutcubic 7 四次方缓入inquart    8 四次方缓出outquart    9 四次方缓入缓出inoutquart 10 五次方缓入inquint
11 五次方缓出outquint    12 五次方缓入缓出inoutquint 13 正弦曲线缓入insine    14 正弦曲线缓出outsine   15 正弦曲线缓入缓出inoutsine
16 指数曲线缓入inexpo    17 指数曲线缓出outexpo   18 指数曲线缓入缓出inoutexpo 19 圆形曲线缓入incirc    20 圆形曲线缓出outcirc
21 圆形曲线缓入缓出inoutcirc 22 弹性缓入inelastic    23 弹性缓出outelastic    23 弹性缓入缓出inoutelastic 25 后退缓入inback
26 后退缓出outback      27 后退缓入缓出inoutback  28 反弹缓入inbounce     29 反弹缓出outbounce    30 反弹缓入缓出inoutbounce
+ 鼠标划过/点击延时切换功能
+ 右键菜单自定义扩展功能(右键菜单默认关闭)
+ OnPause事件支持(间歇滚动)
+ 加入Stop、Continue、Start、Pause、Play、Reset方法支持
* 页面刷新复位问题
* 其它一些小Bug
2.65.110518
+ 多层非显示(display=none)区域的支持(需将非显示容器元素ID以数组参数形式传递给HiddenID即可)
* 交替滚动手工触发状态判断错误
2.6.110516
+ 帮助菜单(右键打开)
+ OnScroll事件支持(间歇滚动)
+ 非显示(display=none)区域的支持(见应用实例)
+ 跳过等待时间同时改变运动方向(Run参数以英文字符传递即可,如Marquee1.Run("Left"))
+ TAB可通过点击进行切换(默认鼠标滑动切换)
+ 多TAB支持(多个TabID以数组形式传递,见应用实例)
+ 强制滚动(针对DIV+CSS强制滚动实现)
+ 默认样式保留(用户自定义样式可保留)
+ 下一次、上一次滚动支持(针对间歇滚动有效,需将ID传递给相关参数textareavBtnID、NextBtnID)
* 交替滚动边界判断延迟
* DIV+CSS缓动类滚动误差
* 交替间歇滚动缓动调整(小于间歇滚动间距的平滑处理)
* 向上跳过等待时间不起作用
* DIV+CSS鼠标划过暂停功能不起作用
2.5.110427
+ 对象直接量赋值(需将AutoStart设置为1开启自动运行功能,版本向下兼容,见应用实例)
+ DIV+CSS支持(UL+LI,DL+DT+DD,无需特别设置,需同时指定容器ID及内容ID,请参照应用实例)
+ Slide功能(即幻灯片功能,支持页码及TAB样式切换功能-需指定页码容器/TAB容器ID)
+ Lantern效果(即幻灯片切入效果,将SwitchType设置成1开启此功能)
+ 双向轮流切入效果(针对交替滚动Direction=-1|4有效,并将SwitchType设置成1开启此功能)
+ FadeIn效果(即渐显效果,将SwitchType设置成2开启此功能)
+ RevealTrans滤镜效果(IE有效,非IE自动转换为渐显效果,将SwitchType设置成大于3的数字开启此功能)
SwitchType效果列表(针对10~33效果,非IE自动转换为2渐显效果)(除0效果外,其余效果ScrollStep无效,针对2及以上效果Step无效)
0 滚动(默认)    1 切入       2 渐显       3 微博渐入渐显效果 4 节点自适应滚动
5 即时切换     
10 盒状收缩     11 盒状展开     12 圆形收缩     13 圆形展开     14 向上擦除
15 向下擦除     16 向左擦除     17 向右擦除     18 垂直百页窗    19 水平百页窗
20 横向棋盘式    21 纵向棋盘式    22 溶解       23 左右向中部收缩  24 中部向左右展开
25 上下向中部收缩  26 中部向上下展开  27 阶梯状向左下展开 28 阶梯状向左上展开 29 阶梯状向右下展开
30 阶梯状向右上展开 31 随机水平线    32 随机垂直线    33 随机(10~32效果)
* 程序调整
2.0.110401
+ 缓动功能(将Step设置成小于1的数字(缓动系数)即可开启缓动功能,如0.1,数值越大,滚动越快)
+ 鼠标拖动(对于连续滚动可以用鼠标左键进行拖动操作)
+ 跳过等待时间功能(针对间歇滚动,在停止状态下可跳过当次延迟时间(DelayTime))
+ 默认停止功能(针对间歇滚动,将WaitTime设置成60000或60(1分钟)后DelayTime仍起作用,设置成100000或100后DelayTime不起作用)
+ 交替滚动功能(即滚动至尽头后自动返向滚动,Direction=-1上下交替,Direction=4左右交替)
+ 边界状态判断功能(针对交替滚动触发OnBound、UnBound事件,使用者可对实际应用情况做相应事件处理,请参照应用实例)
* 程序优化
+ Slide功能(即幻灯片功能)及MARQUEE标签自动处理功能(It's A Joke,Please Wait …)
1.65.071228
* 横向、纵向滚动格式调整 (解决横向滚动换行的问题,无需特殊设置)
* 彻底解决由于IE问题导致上下滚动页面留白的问题 (本次更新主要解决此问题,感谢天上的书生参与测试)
1.6.070131
+ 禁止鼠标控制暂停或继续 (将第9个参数设置为-1或者动态赋值将ScrollStep设置为-1)
+ 判断是否可以滚动 (若内容区域小于显示区域,则自动取消滚动)
+ 跳过初始化错误 (避免引起其它滚动的停止)
+ 默认值 (除容器ID必选外,其他参数均可根据情况进行选择设置)
+ 参数动态赋值 (方向可用英文表示top|up|bottom|down|left|right|alterup|alterleft,使其更直观、方便)
* 文字滚动不准确 (本次更新主要目的解决此Bug,感谢周珺参与测试)
1.4.061211
+ 鼠标悬停改变滚动方向 (鼠标悬停控制左右滚动)
* 由于文档下载过慢而导致获取的高度/宽度不准确
* 浏览器兼容问题 (IE、FF、Opera、NS、MYIE、CHROME)
1.2.060922
+ 指定范围间歇滚动
* 程序调整
* 连续间歇滚动停止的错误
1.0.060901
+ 向下、向右滚动
+ 开始等待时间
+ 连续滚动
* 调整时间单位
* 滚动误差
* 随机死循环
* 加强性能
* 程序优化
0.8.060829
翻屏不间断向上、向左滚动

 

零度科技原文链接:http://www.ldisp.com/a/javascript/2012/MSClass.shtml

上一篇:setTimeout 和 setInterval 的区别和使用方法
下一篇:js生成随机字符串函数,JS指定长度的随机字符串

 
了解零度?

零度科技主营全球服务器租用,如果您有服务器租用需求请联系

海外服务器租用

推荐香港、美国、韩国。提供站群服务器、高防服务器租用

海外特价服务器

关注零度特价服务器频道,了解全球特价服务器。

33

业务咨询

    技术服务

      特价活动
        全站搜索
        热门搜索:
        会员
        0通知
        客服
        0特价
        搜索
        TOP
        香港高防服务器,远程桌面,韩国服务器,nginx,反向代理