利用JS类MSClass.js实现各种用法

1,895次阅读
没有评论

共计 1620 个字符,预计需要花费 5 分钟才能阅读完成。

应用说明: 页面包含 <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、针对横向滚动的文字段落,如果最末端是以空格”“结束的,请将空格”“转换成”&nbsp;”
8、鼠标悬停滚动思想源自 Flash,所以有一定的局限性(容器内仅允许用图片 <img> 或者带链接的图片 <a><img></a> 的形式,并需要禁止其自动换行)

正文完
 0
评论(没有评论)