/*MSClass (Class Of Marquee Scroll通用不间断滚动JS封装类) Ver 1.65*\

制作时间:2006-08-29 (Ver 0.5)

发布时间:2006-08-31 (Ver 0.8)

更新时间:2007-12-28 (Ver 1.65)

更新说明: + 加入功能 * 修正、完善

1.65.071228

* 横向、纵向滚动格式调整 (解决横向滚动换行的问题,无需特殊设置)

* 彻底解决由于IE问题导致上下滚动页面留白的问题 (本次更新主要解决此问题,感谢天上的书生参与测试)

1.6.070131

+ 禁止鼠标控制暂停或继续 (将第9个参数设置为-1或者动态赋值将ScrollSetp设置为-1)

+ 判断是否可以滚动 (若内容区域小于显示区域,则自动取消滚动)

+ 跳过初始化错误 (避免引起其它滚动的停止)

+ 默认值 (除容器ID必选外,其他参数均可根据情况进行选择设置)

+ 参数动态赋值 (方向可用英文表示top|up|bottom|down|left|right,使其更直观、方便)

* 文字滚动不准确 (本次更新主要目的解决此Bug,感谢周珺参与测试)

1.4.061211

+ 鼠标悬停改变滚动方向 (鼠标悬停控制左右滚动)

* 由于文档下载过慢而导致获取的高度/宽度不准确

* 浏览器兼容问题 (IE、FF、Opera、NS、MYIE)

1.2.060922

+ 指定范围间歇滚动

* 程序调整

* 连续间歇滚动停止的错误

1.0.060901

+ 向下、向右滚动

+ 开始等待时间

+ 连续滚动

* 调整时间单位

* 滚动误差

* 随机死循环

* 加强性能

* 程序优化

0.8.060829

翻屏不间断向上、向左滚动

布落格(Abo BloG)下载:MSClass.zip

纳米盘下载:MSClass.zip

演示地址:http://www.popub.net/script/MSClass.html

下载地址:http://www.popub.net/script/MSClass.js

应用说明:

页面包含

创建实例

01.//参数直接赋值法

02.new Marquee("marquee")

03.new Marquee("marquee","top")

04.......

05.new Marquee("marquee",0,1,760,52)

06.new Marquee("marquee","top",1,760,52,50,5000)

07.......

08.new Marquee("marquee",0,1,760,104,50,5000,3000,52)

09.new Marquee("marquee",null,null,760,104,null,5000,null,-1)

10.

11.//参数动态赋值法

12.var marquee1 = new Marquee("marquee")    *此参数必选

13.marquee1.Direction = "top";    或者 marquee1.Direction = 0;

14.marquee1.Step = 1;

15.marquee1.Width = 760;

16.marquee1.Height = 52;

17.marquee1.Timer = 50;

18.marquee1.DelayTime = 5000;

19.marquee1.WaitTime = 3000;

20.marquee1.ScrollStep = 52;

21.marquee1.Start();

复制代码

参数说明:

ID              "marquee"    容器ID(必选)

Direction       (0)         滚动方向(可选,默认为0向上滚动) 可设置的值包括:0,1,2,3,"top","bottom","left","right" (0向上 1向下 2向左 3向右)

Step            (1)         滚动的步长(可选,默认值为2,数值越大,滚动越快)

Width           (760)       容器可视宽度(可选,默认值为容器初始设置的宽度)

Height          (52)        容器可视高度(可选,默认值为容器初始设置的高度)

Timer           (50)        定时器(可选,默认值为30,数值越小,滚动的速度越快,1000=1秒,建议不小于20)

DelayTime       (5000)      间歇停顿延迟时间(可选,默认为0不停顿,1000=1秒)

WaitTime        (3000)      开始时的等待时间(可选,默认或0为不等待,1000=1秒)

ScrollStep      (52)        间歇滚动间距(可选,默认为翻屏宽/高度,该数值与延迟均为0则为鼠标悬停控制,-1禁止鼠标控制)

使用建议:

1.建议直接赋予容器的显示区域的宽度和高度,如(

......

)

2.建议为容器添加样式overflow = auto,如(

......

)

3.为了更准确的获取滚动区域的宽度和高度,请尽可能将各滚动单位直接赋予正确宽高度

4.对于TABLE标记的横向滚动,需要对TABLE添加样式display = inline,如(

)

5.对于翻屏滚动或间歇滚动,要注意各滚动单位间的间距,同时需要对容器的可视高度和可视宽度做好准确的设置,对于各滚动单位间的间距可以通过设置行间距或者单元格的高宽度来进行调整

6.对于LI自动换行的问题暂时没有更好的解决办法,建议将其转换成表格(TABLE)的形式来达到同等的效果

7.针对横向滚动的文字段落,如果最末端是以空格" "结束的,请将空格" "转换成" "

8.鼠标悬停滚动思想源自Flash,所以有一定的局限性(容器内仅允许用图片或者带链接的图片的形式,并需要禁止其自动换行)

msclass 文字滚动_MSClass 图片/文字不间断滚动\间歇滚动\翻屏滚动类相关推荐

  1. css图片跟文字居中,css 图片文字垂直居中

    先来看张图片 相信很多css新手遇到过这种问题,就是当图片和文本显示在一行的时候,效果很奇葩,文字和图片没法对齐, 这时我们需要做的是: 1,先给块级元素设置 display: inline-bloc ...

  2. python识别图片上的文字_python识别图片文字

    因为学校要求要刷一门叫<包装世界>的网课,而课程里有200多道选择题,而且只能在手机完成,网页版无法做题,而看视频是不可能看视频的,这辈子都不可能看...所以写了几行代码来进行百度搜答案. ...

  3. c# 图片加图片水印、文字水印和图片文字水印

    加水印类: Code using System; using System.Drawing; using System.Drawing.Imaging; using System.Drawing.Dr ...

  4. python屏幕文字识别_python 图片文字识别 可截图识别

    [Python] 纯文本查看 复制代码import osfrom aip import AipOcr import keyboard from PIL import ImageGrab from ti ...

  5. 有道自然语言翻译和文字识别OCR(图片文字识别)接口调用

    官网: ai.youdao.com 文档地址 :ai.youdao.com/docs/doc-oc- 在Python中调用api. #/usr/bin/env python #coding=utf8i ...

  6. python使用文字识别读取图片文字

    1,安装第三方模块,baidu-aip 方法1:win+r>>>cmd打开命令指示器输入命令下载baidu-aip第三方模块 pip install baidu-aip 方法2: 在 ...

  7. python 最准确的图片转文字软件_图片转文字软件哪个好?5款好用的图片转文字软件推荐...

    原标题:图片转文字软件哪个好?5款好用的图片转文字软件推荐 一些网友在整理资料的时候发现,所收获的资料都是图片,大部分的文字内容都在图片上,如果一个字一个字的打出来,需要花费非常多的时间,小编的建议是 ...

  8. 百度OCR识别图片文字,解决image format error错误

    文章目录 1 方法一 1.1 新建HttpUtils,用来发送post请求 1.2 获取 access token 1.3 获取图片的文字信息 1.4 测试 1.5 结果 2 方法二使用jsoup 2 ...

  9. java 获取百度云盘图片_java 利用百度云识别图片文字

    一.百度云使用步骤 1.进入https://console.bce.baidu.com/#/index/overview 登录百度云账号.百度所有账号都是通用的,可以直接利用百度的其他账号(百度网盘. ...

最新文章

  1. 清华唐杰团队造了个“中文AI设计师”,效果比Dall·E好,可在线试玩
  2. linux进程与端口查看命令
  3. ITCAST-C# 委托
  4. SQL性能优化案例分析
  5. 让IT工作者过度劳累的12个坏习惯
  6. Python实例讲解 -- 磁盘文件的操作
  7. SQL Server中的“描述表”等效什么?
  8. 进阶程序员都不会急于学习编程语言,知道原因吗?
  9. 敏捷需求描述:用户故事
  10. java 按拼音模糊搜索汉字_java 自动补全 java 搜索自动匹配 java 汉字拼音搜索
  11. 百度logo识别SDK108问题解决
  12. 批处理版MPlayer播放器(甲兵时代原创批处理)(下)
  13. 程序员的算法趣题Q09: 落单的男女
  14. 【深度学习】深度学习基础-Warm_up训练策略
  15. Hystrix服务降级、熔断-微服务(十)
  16. Python爬取Instagram数据Python将图片转化为文字
  17. 计算机怎么无线连接网络地址,笔记本在哪里连接wifi_笔记本电脑如何连接wifi-win7之家...
  18. 全国计算机考试官网卡,全国计算机等级考试报名卡.doc
  19. 递归与递推 输出斐波拉契数列的前n项 python
  20. 未曾离开先怀念---纪念宏福

热门文章

  1. 按键精灵--函数-简单的循环找图
  2. Lucene介绍与使用
  3. 「实战篇」oracle client PLSQL 客户端安装详细配置
  4. 天分聪明打一计算机专业术语,有趣的中秋节灯谜
  5. 华为OD机试 - 星际篮球争霸赛(Java JS Python)
  6. 开机出现no bootable devices found解决办法
  7. java获取10位和13位时间戳
  8. VBA操作WORD(一):设置段落的行间距(行距)
  9. python pptp proxy_Python爬虫使用代理IP突破反爬虫限制
  10. 联想r9000p电脑外接显示屏黑屏问题解决