- 1、本文档共23页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
表格自动滚动,js
篇一:js滚动代码、向上滚动、向下滚动、向左滚动,向右滚动,广告代码
lt;!--
/*MSClass (Class Of Marquee Scroll通用不间断滚动JS封装类) Ver 1.65*\
/*
应用说明:页面包含lt;script type=text/javascript src=MSClass.jslt;/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、建议直接赋予容器的显示区域的宽度和高度,如(lt;div id=marquee style=width:760px;height:52px;......lt;/div)
2、建议为容器添加样式overflow = auto,如(lt;div id=marquee style=width:760px;height:52px;overflow:auto;......lt;/div)
3、为了更准确的获取滚动区域的宽度和高度,请尽可能将各滚动单位直接赋予正确宽高度
4、对于TABLE标记的横向滚动,需要对TABLE添加样式display = inline,如(lt;div id=marquee style=width:760px;height:52px;overflow:auto;lt;table style=display:inline......lt;/tablelt;/div)
5、对于翻屏滚动或间歇滚动,要注意各滚动单位间的间距,同时需要对容器的可视高度和可视宽度做好准确的设置,对于各滚动单位间的间距可以通过设置行间距或者单元格的高宽度来进行调整
6、对于LI自动换行的问题暂时没有更好的解决办法,建议将其转换成表格(TABLE)的形式来达到同等的效果
7、针对横向滚动的文字段落,如果最末端是以空格 结束的,请将空格 转换成amp;nbsp;
8、鼠标悬停滚动思想源自Flash,所以有一定的局限性(容器内仅允许用图片lt;img或者带链接的图片lt;alt;imglt;/a的形式,并需要禁止其自动换行)
*/
function Marquee()
{
this.ID = document.getElementById(arguments[0]);
if(!this.ID)
{
alert(您要设置的
您可能关注的文档
- 英语风采大赛主持人开幕词.doc
- 英语高考写作技巧.doc
- 英语高考吧.doc
- 英语高考改错题.doc
- 荆门龙泉中学2015高考录取金榜.doc
- 药厂新员工转正工作总结.doc
- 药厂压片班工作总结.doc
- 药厂化验室个人工作总结.doc
- 莎士比亚时代制度.doc
- 莆田第二十五中学中考分数线.doc
- 新高考生物二轮复习讲练测第6讲 遗传的分子基础(检测) (原卷版).docx
- 新高考生物二轮复习讲练测第12讲 生物与环境(检测)(原卷版).docx
- 新高考生物二轮复习讲练测第3讲 酶和ATP(检测)(原卷版).docx
- 新高考生物二轮复习讲练测第9讲 神经调节与体液调节(检测)(原卷版).docx
- 新高考生物二轮复习讲练测第11讲 植物生命活动的调节(讲练)(原卷版).docx
- 新高考生物二轮复习讲练测第8讲 生物的变异、育种与进化(检测)(原卷版).docx
- 新高考生物二轮复习讲练测第5讲 细胞的分裂、分化、衰老和死亡(讲练)(原卷版).docx
- 新高考生物二轮复习讲练测第5讲 细胞的分裂、分化、衰老和死亡(检测)(原卷版).docx
- 新高考生物二轮复习讲练测第12讲 生物与环境(讲练)(原卷版).docx
- 新高考生物二轮复习讲练测第11讲 植物生命活动的调节(检测)(原卷版).docx
文档评论(0)