怎样制作循环滚动文字？（循环滚动方向不限）
- 提问者网友：伪情浪人
- 2021-04-27 18:20
- 二级知识专家网友：承载所有颓废
- 2021-04-27 19:15
在你需要滚动的子外加一个<marquee> ... </marquee>标签就行了
具体的请看下面
<marquee>啦啦啦，我会移动耶！</marquee>
啦啦啦，我会移动耶！
文字移动属性的设置
方向 <direction=#> #=left, right
<marquee direction=left>啦啦啦，我从右向左移！</marquee> <P>
<marquee direction=right>啦啦啦，我从左向右移！</marquee>
啦啦啦，我从右向左移！
啦啦啦，我从左向右移！
方式 <bihavior=#> #=scroll, slide, alternate
<marquee behavior=scroll>啦啦啦，我一圈一圈绕着走！</marquee> <P>
<marquee behavior=slide>啦啦啦，我只走一次就歇了！</marquee> <P>
<marquee behavior=alternate>啦啦啦，我来回走耶！</marquee>
啦啦啦，我一圈一圈绕着走！
啦啦啦，我只走一次就歇了！
啦啦啦，我来回走耶！
循环 <loop=#> #=次数；若未指定则循环不止(infinite)
<marquee loop=3 width=50% behavior=scroll>啦啦啦，我只走 3 趟哟！</marquee> <P>
<marquee loop=3 width=50% behavior=slide>啦啦啦，我只走 3 趟哟！</marquee> <P>
<marquee loop=3 width=50% behavior=alternate>啦啦啦，我只走 3 趟哟！</marquee>
啦啦啦，我只走 3 趟哟！
啦啦啦，我只走 3 趟哟！
啦啦啦，我只走 3 趟哟！
速度 <scrollamount=#>
<marquee scrollamount=20>啦啦啦，我走得好快哟！</marquee>
啦啦啦，我走得好快哟！
延时 <scrolldelay=#>
<marquee scrolldelay=500 scrollamount=100>啦啦啦，我走一步，停一停！</marquee>
啦啦啦，我走一步，停一停！
外观(Layout)设置
对齐方式(Align) <align=#> #=top, middle, bottom
<font size=6>
<marquee align=# width=400>啦啦啦，我会移动耶！</marquee>
</font>
对齐上沿、中间、下沿。
啦啦啦，我会移动耶！对齐上沿。
啦啦啦，我会移动耶！对齐中间。
啦啦啦，我会移动耶！对齐下沿。
底色 <bgcolor=#>
#=rrggbb 16 进制数码，或者是下列预定义色彩：
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
Fuchsia, White, Green, Purple, Silver, Yellow, Aqua
<marquee bgcolor=aaaaee>啦啦啦，我会移动耶！</marquee>
啦啦啦，我会移动耶！
面积 <height=# width=#>
<marquee height=40 width=50% bgcolor=aaeeaa>
啦啦啦，我会移动耶！
</marquee>
啦啦啦，我会移动耶！
空白(Margins)<hspace=# vspace=#>
********************************************<br>
嗨,
<marquee hspace=20 vspace=20 width=150 bgcolor=ffaaaa align=middle>啦啦啦，我会移动耶！</marquee>
大家好！<br>
********************************************
********************************************
嗨, 啦啦啦，我会移动耶！大家好！
********************************************
- 1楼网友：一场云烟
- 2021-04-27 19:22
<div id="marquees"> <a href="#">模板无忧mb5u.com欢迎您1</a><br> <br> <a href="#">模板无忧mb5u.com欢迎您2</a><br> <br> <a href="#">模板无忧mb5u.com欢迎您3</a><br> <br> <a href="#">模板无忧mb5u.com欢迎您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; } marquees.innerHTML=templayer.innerHTML+templayer.innerHTML; setInterval("scrollUp()",10); } document.body.onload=init; function scrollUp(){ if(stopscroll==true) return; preTop=marquees.scrollTop; marquees.scrollTop+=1; if(preTop==marquees.scrollTop){ marquees.scrollTop=templayer.offsetHeight-marqueesHeight; marquees.scrollTop+=1; } } </script>