使用 MARQUEE HTML中實現圖片的各種滾動效果
<MARQUEE onmouseover=stop() onmouseout=start() scrollAmount=3 loop=infinite deplay="0"><IMG src="第一張圖片地址" ><IMG src="第二張圖片地址"></MARQUEE>
註釋:
1) scrollAmount。它表示速度,值越大速度越快。
2) 加入onmouseover=stop() onmouseout=start()程式碼,滑鼠指向迴圈文字圖片時他們會停止滾動,滑鼠離開時繼續滾動。
給滾動圖片加超連結
用<a href=>和</a>把<img>包圍,並且img必須設border=0,否則圖片會出現邊框。例子如下:
<MARQUEE scrollAmount=3 loop=infinite deplay="0"><a href="連結網址"><img src="圖片網址" border=0></a></MARQUEE>
圖片從右到左滾動
<MARQUEE width=寬 height=高 onmouseover=stop() onmouseout=start() scrollAmount=速度 loop=infinite deplay="0"><img src="圖片地址 "><img src="圖片地址 ">···</MARQUEE>
圖片從下到上滾動
<marquee behavior="scroll" direction=up width="寬" height="高" scrollamount="5" onmouseout="this.start()"><img src="圖片網址 "><img src="圖片網址 ">···</marquee>
帶有超連結的圖片實現滾動效果
<marquee behavior="scroll" direction=up width="120" height="60" scrollamount="1" scrolldelay="60" onmouseover="this.stop()" onmouseout="this.start()"><a target="cont" href="連線地址"><img src="http://圖片地址" idth="88" height="33" border="0"></a><a target="cont" href="連線地址"><img
src="圖片地址" width="88" height="33" border="0"></a></marquee>
給圖片或文字加邊框
雙線:<div style="border:3px double #ffffff;">文字</div>
虛線:<div style="border:1px dashed #ffffff;">文字</div>
實線:<div style="border:1px solid #ffffff;">文字</div>
外凸:<div style="border-style:outset; border-width:1px;">圖片或文字</div>
火焰文字:<div style="FILTER: glow(color=#ff6600,strength=6); COLOR: #000000; HEIGHT: 10px"><font size="5">文字</font></div>