1、對於有縫的跑馬燈效果可以使用<marquee>標籤：
①direction：這個屬性表示向那個方向滾動，參數：left、right、up、down
②scrollamount：這個屬性表示滾動的速度
③behavior：這個屬性表示滾動的方式，參數：scroll循環滾動、slide單次滾動、alternate交替滾動
④loop：這個屬性表示滾動次數，默認-1無限滾動
⑤scrolldelay：這個屬性表示每次滾動的時間間隔
⑥onmouseover：這個屬性一般設置爲this.stop()
⑦onmouseout：這個屬性一般設置爲this.start()
代碼示例如下：
<div>
<marquee width="100px" height="44px" direction="up" scrollamount="3"
οnmοuseοver="this.stop()" οnmοuseοut="this.start()">
<a href="">test1</a><br>
<a href="">test2</a><br>
<a href="">test3</a><br>
<a href="">test4</a><br>
</marquee>
</div>2、對於無縫的跑馬燈效果：
直接上代碼：轉載自：https://www.cnblogs.com/naokr/archive/2013/11/10/3416532.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<meta name="description" content="">
<meta name="keywords" content="">
<style>
/**注意：最外層的高度必須小於等於要展示的數據的高度:藍色部分爲例：300<34*34所以合理*/
*{margin:0;padding:0}
#slide{position:absolute;height:300px;width:260px;color:#FA8E93;overflow:hidden;border:1px solid #ccc}
#slide p{height:34px;line-height:34px;overflow:hidden}
#slide span{float:right}
</style>
</head>
<body>
<div id="slide">
<div id="slide1">
<p><span>領取了烈焰雙11禮包</span>1、dqx5***</p>
<p><span>領取了烈焰雙11禮包</span>2、s376***</p>
<p><span>領取了街機三國雙11禮包</span>3、sdk1***</p>
<p><span>領取了烈火戰神雙11禮包</span>4、說好〃不沋傷</p>
<p><span>領取了街機三國雙11禮包</span>5、說好〃不沋傷</p>
<p><span>領取了烈焰雙11禮包</span>6、gao6***</p>
<p><span>領取了街機三國雙11禮包</span>7、ando***</p>
<p><span>領取了街機三國雙11禮包</span>8、6813***</p>
<p><span>領取了烈焰雙11禮包</span>9、lais***</p>
</div>
<div id=slide2></div>
</div>
<script>
var speed=40
var slide=document.getElementById("slide");
var slide2=document.getElementById("slide2");
var slide1=document.getElementById("slide1");
slide2.innerHTML=slide1.innerHTML//克隆，爲了收尾能夠無縫連接
function Marquee(){
if(slide.scrollTop>=slide1.offsetHeight)
slide.scrollTop=0;//slide1消失之後就用從0開始
else{
slide.scrollTop++;//一開始的時候是選執行這行代碼，值從0開始到slide1全部結束
}
}
var MyMar=setInterval(Marquee,speed)
slide.οnmοuseοver=function(){clearInterval(MyMar)}
slide.οnmοuseοut=function(){MyMar=setInterval(Marquee,speed)}
</script>
</body>
</html>直接上連接，自己下代碼看：http://www.dowebok.com/demo/188/index4.html
