<html><head><meta http-equiv="Content-Type" content="text/html; charset=GB2312">
<title>MSClass (Class Of Marquee Scroll通用不间断滚动JS封装类) Ver 1.65 程序制作/版权所有:崔永祥(333)</title>
<style>
a,body,select,td{font-size:12px;text-decoration:none;}
a,pre{color:#808080;}
body{background:#efefef;}
#marqueediv1 ul
{
float:left;
height:52px;
}
#marqueediv1 ul li
{
float:left;
height:52px;
}
*{
margin:0;
padding:0;
}
</style>
</head><body><pre>/*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
翻屏不间断向上、向左滚动
演示地址:<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")
new Marquee("marquee","top")
......
new Marquee("marquee",0,1,760,52)
new Marquee("marquee","top",1,760,52,50,5000)
......
new Marquee("marquee",0,1,760,104,50,5000,3000,52)
new Marquee("marquee",null,null,760,104,null,5000,null,-1)
//参数动态赋值法
var marquee1 = new Marquee("marquee") *此参数必选
marquee1.Direction = "top"; 或者 marquee1.Direction = 0;
marquee1.Step = 1;
marquee1.Width = 760;
marquee1.Height = 52;
marquee1.Timer = 50;
marquee1.DelayTime = 5000;
marquee1.WaitTime = 3000;
marquee1.ScrollStep = 52;
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、建议直接赋予容器的显示区域的宽度和高度，如(<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)的形式来达到同等的效果
7、针对横向滚动的文字段落，如果最末端是以空格" "结束的，请将空格" "转换成" "
8、鼠标悬停滚动思想源自Flash，所以有一定的局限性（容器内仅允许用图片<img>或者带链接的图片<a><img></a>的形式，并需要禁止其自动换行）
感 谢:
<a href="http://www.skycn.com/soft/40329.html" target="_blank" title="下载ASP代码加密工具"><font color="red">ASP代码加密工具</font></a> 作者:天上的书生(QQ:30370740) (IE页面留白的Bug) 2007/12/22
周珺 zhoujun#yuchengtech.com (文字滚动跳行的bug) 2007/01/31
自本程序发布以来，收到不少朋友的邮件，提出了很多意见和建议，感谢大家的支持！
\***程序制作/版权所有:崔永祥(333) E-Mail:zhadan007@21cn.com 网址:http://www.popub.net***/
</pre>
<script src="MSClass.js" language="javascript"></script>
<b>PCAS (Province City Area Selector 省、市、地区联动选择JS封装类) Ver 2.01 数据压缩完整版</b> <a href="http://www.popub.net/script/pcas.html"><font color="red">演示及下载</font></a><br><br>
<br>
<b>不间断滚动应用实例演示:</b> <a href="http://www.popub.net/script/MSClass.js"><font color="red">下载</font></a><br><br>
<fieldset style="padding: 5px;">
<legend>不间断滚动实例</legend>
<center>
禁止鼠标控制暂停或滚动
<div id="textnomouse" style="overflow: hidden; text-align: left; width: 760px; height: 42px;"><table style="border-collapse: collapse;" cellpadding="0" cellspacing="0"><tbody><tr><td>
演示地址:<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 数据压缩完整版 <a href="http://www.popub.net/script/pcas.html"><font color="red">演示及下载</font></a><br>
\***程序制作/版权所有:崔永祥(333) E-Mail:zhadan007@21cn.com 网址:http://www.popub.net***/<br>
文字滚动测试1<br>
文字滚动测试2<br>
文字滚动测试3<br>
如有其它意见及建议请Email<br>
</td></tr><tr><td>
演示地址:<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 数据压缩完整版 <a href="http://www.popub.net/script/pcas.html"><font color="red">演示及下载</font></a><br>
\***程序制作/版权所有:崔永祥(333) E-Mail:zhadan007@21cn.com 网址:http://www.popub.net***/<br>
文字滚动测试1<br>
文字滚动测试2<br>
文字滚动测试3<br>
如有其它意见及建议请Email<br>
</td></tr></tbody></table></div>
<br>
<br>
控制滚动方向实例
<nobr>
<div id="marqueedivcontrol" style="overflow: hidden; width: 760px; height: 52px;"><table style="border-collapse: collapse; display: inline;" cellpadding="0" cellspacing="0"><tbody><tr><td style="white-space: nowrap;" nowrap="true"><img src="yaode.gif" width="150" border="0" height="50" hspace="1"><img src="qtrjczh.gif" width="150" border="0" height="50" hspace="1"><img src="gucang.gif" width="150" border="0" height="50" hspace="1"><img src="bmfd.gif" width="150" border="0" height="50" hspace="1"><img src="guangming.gif" width="150" border="0" height="50" hspace="1"><img src="liangan.gif" width="150" border="0" height="50" hspace="1"><img src="klk.gif" width="150" border="0" height="50" hspace="1"><img src="old.gif" style="border-color: rgb(204, 204, 204);" width="150" border="0" height="50" hspace="1"><img src="yangyang.gif" width="150" border="0" height="50" hspace="1"><img src="hanch.gif" width="150" border="0" height="50" hspace="1"></td><td style="white-space: nowrap;" nowrap="true"><img src="yaode.gif" width="150" border="0" height="50" hspace="1"><img src="qtrjczh.g
js实现图片滚动（ie火狐下都兼容）
5星 · 超过95%的资源 需积分: 9 126 浏览量
2009-11-20
11:13:32
上传
评论
收藏 98KB RAR 举报 
.rar （18个子文件） 
图片滚动 MSClass_files 
U339P6T744D1F21822DT20091107114618.jpg 3KB
liangan.gif 4KB gucang.gif 5KB
MSClass.html 30KB klk.gif 2KB hanch.gif 5KB guangming.gif 3KB qtrjczh.gif 9KB yaode.gif 6KB 2009111212257.jpg 5KB U339P6T744D1F21823DT20091107114618.jpg 5KB icon_0.gif 846B
Thumbs.db 39KB MSClass.js 11KB old.gif 3KB bmfd.gif 8KB 3287800.js 2KB yangyang.gif 4KB资源评论
haiyanf82012-10-17很不错哦，集合了所有方式的滚动。就是不懂JS的人好像不是太好看得懂哦，要是可以附上说明说用第一个例子需要拷的部分是那些，类是这样估计会更好，哈哈
