1. 程式人生 > >使用 MARQUEE HTML中實現圖片的各種滾動效果

使用 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>