欢迎来到天天文库
浏览记录
ID:63505656
大小:12.10 KB
页数:4页
时间:2021-08-24
《基于javascript实现文字无缝滚动效果_》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库。
1、基于javascript实现文字无缝滚动效果_本文实例为大家分享了javascript实现文字无缝滚动的全部代码,供大家参考,具体内容如下效果图:实现代码:!DOCTYPEhtmlhtmlheadmetacharset="gb2312"metahttp-equiv="X-UA-Compatible"content="IE=edge"title/titlestyle*{margin:0;padding:0;}.div{margin:100pxauto0;width:350px;height:168px;background:#fff;border:5
2、pxsolid#ccc;border-radius:5px;overflow:hidden;padding:5px;cursor:pointer;}.divulli{list-style:none;height:24px;line-height:24px;text-overflow:ellipsis;font-size:12px;white-space:nowrap;overflow:hidden;}/style/headbodydivclass="div"id="div"ulli1、分观察地上放声大哭了范上放声大哭了上放声大哭了上放声大哭了上放声
3、大哭了上放声大哭了上放声大哭了上放声大哭了上放声大哭了德萨/lili2、分观察地上放声大哭了范上放声大哭了上放声大哭了上放声大哭了上放声大哭了上放声大哭了上放声大哭了上放声大哭了德/lili3、分观察地声大哭了上放声大哭了上放声大哭了上放声大哭了范德/lili4、分观察地上放声大哭了上放声大哭了上放声大哭了上放声大哭了上放声大哭了上放声大哭了范德/lili5、分观察地上放声大哭了上放声大哭了上放声大哭了上放声大哭了上放声大哭了上放声大哭了上放声大哭了上放声大哭了范德/lili6、分观察地上放声大哭了范声大哭了上放声大哭了/lili7、分观察地上放声
4、大哭了上放声大哭了上放声大哭了范上放声大哭了上放声大哭了德/lili8、分观察地上放声大哭了上放声大哭了上放声大哭了上放声大哭了范德/li/ul/divscripttype="text/javascript"vararea=document.getElementById('div');variliHeight=24;//单行滚动的高度varspeed=50;//滚动的速度vartime;vardelay=1000;area.scrollTop=0;area.innerHTML+=area.innerHTML;//克隆一份一样的内容functions
5、tartScroll(){time=setInterval("scrollUp()",speed);area.scrollTop++;}functionscrollUp(){if(area.scrollTop%iliHeight==0){clearInterval(time);setTimeout(startScroll,delay);}else{area.scrollTop++;if(area.scrollTop=area.scrollHeight/2){area.scrollTop=0;}}}setTimeout(startScroll,del
6、ay)/script/body/html以上就是本文的全部内容,盼望对大家javascript程序设计有所关心。...
此文档下载收益归作者所有