MSClass (Class Of Marquee Scroll通用不间断滚动JS封装类) Ver 1.4

现在的位置: 首页 > 综合 > 正文

MSClass (Class Of Marquee Scroll通用不间断滚动JS封装类) Ver 1.4

2012年08月29日 ⁄ 综合 ⁄ 共 9780字 ⁄ 字号小中大 ⁄ 评论关闭

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

　制作时间:2006-08-29 (Ver 0.5)
　发布时间:2006-08-31 (Ver 0.8)
　更新时间:2006-12-11 (Ver 1.4)
　更新说明: + 加入功能 * 修正、完善
1.4.061211
+ 鼠标悬停改变滚动方向 (鼠标悬停控制左右滚动)
* 由于文档下载过慢而导致获取的高度/宽度不准确
* 浏览器兼容问题 (IE、FF、Opera、NS、MYIE)
1.2.060922
+ 指定范围间歇滚动
* 程序调整
* 连续间歇滚动停止的错误
1.0.060901
+ 向下、向右滚动
+ 开始等待时间
+ 连续滚动
* 调整时间单位
* 滚动误差
* 随机死循环
* 加强性能
* 程序优化
0.8.060829
翻屏不间断向上、向左滚动

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

　应用说明:页面包含<script type="text/javascript" src="MSClass.js"></script>

创建实例:new Marquee("marquee",0,1,760,52,50,5000,3000)
new Marquee("marquee",0,1,760,104,50,5000,3000,52)

参数说明:marquee 容器ID
0 向上滚动(0向上 1向下 2向左 3向右)
1 滚动的步长(数值越大,滚动越快)
760 容器可视宽度
52 容器可视高度
50 定时器(数值越小,滚动的速度越快 1000=1秒,建议不小于20)
5000 间歇停顿延迟时间(0为不停顿,1000=1秒)
3000 开始时的等待时间(0为不等待,1000=1秒)
(52) 间歇滚动间距(可选,该数值与延迟均为0则为鼠标悬停控制)
　使用建议:
1、建议直接赋予容器的显示区域的宽度和高度，如(<div id="marquee" style="width:760px;height:52px;">......</div>)
2、建议为容器添加样式overflow = auto，如(<div id="marquee" style="width:760px;height:52px;overflow:auto;">......</div>)
2、为了更准确的获取滚动区域的宽度和高度，请尽可能将各滚动单位直接赋予正确宽高度
3、对于TABLE标记的横向滚动，需要对TABLE添加样式display = inline，如(<div id="marquee" style="width:760px;height:52px;overflow:auto;"><table style="display:inline">......</table></div>)
4、对于翻屏滚动或间歇滚动，要注意各滚动单位间的间距，同时需要对容器的可视高度和可视宽度做好准确的设置，对于各滚动单位间的间距可以通过设置行间距或者单元格的高宽度来进行调整
5、对于LI自动换行的问题暂时没有更好的解决办法，建议将其转换成表格(TABLE)的形式来达到同等的效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title> new document </title>

<style>

a,body,select{font-size:12px;text-decoration:none;}

a,pre{color:#808080;}

body{background:#efefef;}

</style>

</head>

<body>

<pre>

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

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

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

　更新时间:2006-12-11 (Ver 1.4)

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

1.4.061211

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

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

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

1.2.060922

+ 指定范围间歇滚动

* 程序调整

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

1.0.060901

+ 向下、向右滚动

+ 开始等待时间

+ 连续滚动

* 调整时间单位

* 滚动误差

* 随机死循环

* 加强性能

* 程序优化

0.8.060829

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

　演示地址:<a href="http://www.popub.net/script/MSClass.html">http://www.popub.net/script/MSClass.html</a>

　下载地址:<a href="http://www.popub.net/script/MSClass.js"><font color="red">http://www.popub.net/script/MSClass.js</font></a>

　应用说明:页面包含<script type="text/javascript" src="MSClass.js"></script>

创建实例:new Marquee("marquee",0,1,760,52,50,5000,3000)

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

参数说明:marquee 容器ID

0 向上滚动(0向上 1向下 2向左 3向右)

1 滚动的步长(数值越大,滚动越快)

760 容器可视宽度

52 容器可视高度

50 定时器(数值越小,滚动的速度越快 1000=1秒,建议不小于20)

5000 间歇停顿延迟时间(0为不停顿,1000=1秒)

3000 开始时的等待时间(0为不等待,1000=1秒)

(52) 间歇滚动间距(可选,该数值与延迟均为0则为鼠标悬停控制)

　使用建议:

1、建议直接赋予容器的显示区域的宽度和高度，如(<div id="marquee" style="width:760px;height:52px;">

</div>)

2、建议为容器添加样式overflow = auto，如(<div id="marquee" style="width:760px;height:52px;overflow:auto;">

</div>)

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

4、对于TABLE标记的横向滚动，需要对TABLE添加样式display = inline，如(<div id="marquee" style="width:760px;height:52px;overflow:auto;"><table style="display:inline">

</table></div>)

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

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

</pre>

<b>PCAS (Province City Area Selector 省、市、地区联动选择JS封装类) Ver 2.01 数据压缩完整版</b> <a href="pcas.html"><font color="red">演示及下载</font></a><br><br>

<br>

<b>不间断滚动应用实例演示:</b> <a href="MSClass.js"><font color="red">下载</font></a><br><br>

<legend>不间断滚动实例</legend>

鼠标悬停滚动

<nobr>

</nobr>

<br>

文字翻屏滚动

演示地址:<a href="http://www.popub.net/script/MSClass.html">http://www.popub.net/script/MSClass.html</a><br>

下载地址:<a href="http://www.popub.net/script/MSClass.js"><font color="red">http://www.popub.net/script/MSClass.js</font></a><br>

PCAS (Province City Area Selector 省、市、地区联动选择JS封装类) Ver 2.01 数据压缩完整版</b> <a href="pcas.html"><font color="red">演示及下载</font></a><br>

</div>

<br>

文字间歇滚动

演示地址:<a href="http://www.popub.net/script/MSClass.html">http://www.popub.net/script/MSClass.html</a><br>

下载地址:<a href="http://www.popub.net/script/MSClass.js"><font color="red">http://www.popub.net/script/MSClass.js</font></a><br>

PCAS (Province City Area Selector 省、市、地区联动选择JS封装类) Ver 2.01 数据压缩完整版</b> <a href="pcas.html"><font color="red">演示及下载</font></a><br>

</div>

<br>

向上翻屏滚动

<tr>

</tr>

<tr>

</tr>

</table>

</div>

<br>

向下翻屏滚动

<tr>

</tr>

<tr>

</tr>

</table>

</div>

<br>

向左翻屏滚动

<nobr>

<div id="marqueediv3" style="width:760px;height:52px;overflow:hidden;"><img src="http://www.popub.net/script/images/yaode.gif" width="150" height="50" border="0" hspace="1"><img src="http://www.popub.net/script/images/qtrjczh.gif" width="150" height="50" border="0" hspace="1"><img src="http://www.popub.net/script/images/gucang.gif" width="150" height="50" border="0" hspace="1"><img src="http://www.popub.net/script/images/bmfd.gif" width="150" height="50" border="0" hspace="1"><img src="http://www.popub.net/script/images/guangming.gif" width="150" height="50" border="0" hspace="1"><img src

【上篇】格林童话读后感100字
【下篇】世界杯告一段落

作者: adage

该日志由 adage 于12年前发表在综合分类下，最后更新于 2012年08月29日.
转载请注明: MSClass (Class Of Marquee Scroll通用不间断滚动JS封装类) Ver 1.4 | 学步园 +复制链接

抱歉!评论已关闭.

返回首页

（其他合作也可洽谈）

必威体育

必威电竞

学步园