HTML的跑馬燈是網頁制作中非常常見的一種效果。通過使用特定的代碼,我們可以輕松地制作出多種風格、多種形式的跑馬燈。下面是HTML的跑馬燈代碼大全:
1. 文字跑馬燈:
<marquee direction="left">這是一段文字跑馬燈效果</marquee>
2. 圖片跑馬燈:
<marquee behavior="scroll" direction="left"> <img src="圖片地址" /> <img src="圖片地址" /> <img src="圖片地址" /> </marquee>
3. 垂直滾動的跑馬燈:
<marquee behavior="scroll" direction="up">這是一段垂直滾動的文字跑馬燈</marquee>
4. 左右擺動的跑馬燈:
<marquee behavior="alternate">這是一段左右擺動的文字跑馬燈</marquee>
5. 帶鏈接的跑馬燈:
<marquee direction="left"> <a href="鏈接地址">這是鏈接一</a> <a href="鏈接地址">這是鏈接二</a> </marquee>
6. 跑馬燈停止:
<marquee direction="left" id="myMarquee">這是一段文字跑馬燈效果</marquee> <button onclick="document.getElementById('myMarquee').stop()">停止</button> <button onclick="document.getElementById('myMarquee').start()">開始</button>
7. 帶速度控制的跑馬燈:
<marquee behavior="scroll" direction="left" scrollamount="5">這是一段滾動速度為5的文字跑馬燈</marquee>
8. 帶滾動延遲的跑馬燈:
<marquee behavior="scroll" direction="left" scrollamount="5" scrolldelay="50">這是一段延遲為50毫秒的文字跑馬燈</marquee>
9. 帶邊框的跑馬燈:
<marquee behavior="scroll" direction="left" scrollamount="5" style="border:1px solid #000;">這是一段帶邊框的文字跑馬燈</marquee>
10. 帶背景色的跑馬燈:
<marquee behavior="scroll" direction="left" scrollamount="5" style="background-color:#f00;">這是一段帶紅色背景的文字跑馬燈</marquee>以上是HTML的跑馬燈代碼大全,你可以根據需要選擇使用相應的代碼制作跑馬燈效果,讓網頁更具吸引力。