您现在的位置： 万盛学电脑网 >> 程序编程 >> 网络编程 >> 安卓开发 >> 正文
html5循环文本代码介绍
作者：佚名 责任编辑：admin 更新时间：2022-06-22
循环不间断向上滚动的文本特效代码，可以当作网站公告也可以调整文字滚动的速度，还可以实现鼠标放上面停止滚动，鼠标离开又继续滚动。下面我们给大家介绍一下html5循环文本代码的制作方法吧!
<html><head><title>不间断循环向上滚动的文本特效</title></head><body><div id="marquees"><a #">3lian素材欢迎您1</a><br><br><a #">3lian素材欢迎您2</a><br><br><a #">3lian素材欢迎您3</a><br><br><a #">3lian素材欢迎您4</a><br><br></div><script language="JavaScript">marqueesHeight=200;stopscroll=false;with(marquees){style.width=0;style.height=marqueesHeight;style.overflowX="visible";style.overflowY="hidden";noWrap=true;onmouseover=new Function("stopscroll=true");onmouseout=new Function("stopscroll=false");}document.write('<div id="templayer" style="position:absolute;z-index:1;visibility:hidden"></div>');preTop=0; currentTop=0;function init(){templayer.innerHTML="";while(templayer.offsetHeight<marqueesHeight){templayer.innerHTML+=marquees.innerHTML;}
scrollUp(){if(stopscroll==true) return;preTop=marquees.scrollTop;marquees.scrollTop+=1;if(preTop==marquees.scrollTop){marquees.scrollTop=templayer.offsetHeight-marqueesHeight;marquees.scrollTop+=1;}}</script>
以上就是我们给大家介绍的html5循环文本代码了，希望大家继续关注我们的网站!
- 上一个程序编程： html5滑动门类的特效代码
- 下一个程序编程： html5漂浮图片代码介绍
