文、意如
<marquee>ABC123</marquee>
屬性
- bgcolor="" #背景色
- width="" #寬
- height="" #高
- loop="5" #跑幾次
- direction=right／up／down #控制行進的方向
- behavior=slide文字碰到底邊就會停止／alternate左右碰撞 #控制行進的方式
- scrollamount="參數值" ；#速度設定可設定為數字，通常設定 1~10 的範圍，數字越大跑得越快。
<marquee bgcolor="yellow" width="50px" height="100" loop="5" direction="up" behavior="alternate">文字</marquee>
實作練習:
試著做一個跑馬燈
五張圖片 右邊跑到左邊 (碰到左邊底邊就會停止)，五張圖片 下面跑到上面 (上下碰撞)
<body>
<center>
<marquee bgcolor="yellow" width="50%" height="60" behavior="slide">
<img src="images/yr.jpg" width="50" height="50">
<img src="images/yr.jpg" width="50" height="50">
<img src="images/yr.jpg" width="50" height="50">
<img src="images/yr.jpg" width="50" height="50">
<img src="images/yr.jpg" width="50" height="50">
</marquee>
<marquee bgcolor="yellow" width="50%" height="500" direction="up" behavior="alternate">
<img src="images/yr.jpg" width="50" height="50"><br>
<img src="images/yr.jpg" width="50" height="50"><br>
<img src="images/yr.jpg" width="50" height="50"><br>
<img src="images/yr.jpg" width="50" height="50"><br>
<img src="images/yr.jpg" width="50" height="50"><br>
</marquee>
</center>
</body>Yiru@Studio - 關於我 - 意如