小麻雀資訊網站jdz-23-8.html
[回首頁]、[本篇目錄]、
變化跑馬燈
鄭錦德
2005/01/04
23-8-1、字體產生暈眩：指定標楷體字型，產生均衡暈眩字體，跑馬燈的距離可設定。
23-8-2、圖檔左右跑馬燈：圖案照片可以左右跑來跑去。
23-8-3、文字向左右跑馬燈：字型、字體大小、顏色、文字左右跑來跑去 。
23-8-4、文字向右邊跑馬燈：字型、字體大小、顏色、文字向右跑去 。
23-8-5、文字向左邊跑馬燈：字型、字體大小、顏色、文字向左跑去 。
23-8-6、連環圖向左邊跑馬燈：圖檔、照片會向左邊跑去。
23-8-7、連環圖向左邊跑馬燈（大寛螢幕）：圖檔、照片會向左邊跑去。
23-8-8、連環圖向右邊跑馬燈（中寛螢幕）：圖檔、照片會向右邊跑去。
23-8-9、字上底下有顏色跑馬燈：字體、底色可變換顏色、文字向左跑去 。
23-8-10、上下浮動跑來跑去的留言：文字可以更改變化。
23-8-11、往上方轉動跑馬燈：太新奇了！文字會向上滾 動啊！
23-8-12、有底圖往上飛向前跑馬燈：有圖案、文字往前、往上飛的變化！
23-8-13、上下左右撞來撞去跑馬燈：文字左右撞來回＆上下撞來回。23-8-14、背景顏色圖檔的跑馬燈：文字會動、底色圖案可變換。
（ 圓形跑馬燈）
★一、
<applet codebase="http://www.speaker.com.tw/" code="Circlet.class" vspace="3" width="280" height="28"><br><param name="message" value="帥哥、美女…請你來欣賞！看過來！"></applet>
★二、
<applet codebase="http://www.bamboo.hc.edu.tw/" code="Circlet.class" vspace="3" width="280" height="28"><br><param name="message" value="帥哥、美女…看過來！有你…真好看！"></applet>十四、圖檔影片式跑馬燈（來源光光網站）
<center><br />
<marquee width="300" behavior="left" onMouseOver="this.stop()" onMouseOut="this.start()" > <br />
<img border="0" src="http://www.fcu.org.tw/~f93b0229/051001.jpg" width="300" height="220"><img border="0" src="http://www.fcu.org.tw/~f93b0229/051002.jpg" width="300" height="220"><img border="0" src="http://www.fcu.org.tw/~f93b0229/051003.jpg" width="300" height="220"><img border="0" src="http://www.fcu.org.tw/~f93b0229/051004.jpg" width="300" height="220"><img border="0" src="http://www.fcu.org.tw/~f93b0229/051005.jpg" width="300" height="220"><img border="0" src="http://www.fcu.org.tw/~f93b0229/051006.jpg" width="300" height="220"><img border="0" src="http://www.fcu.org.tw/~f93b0229/051007.jpg" width="300" height="220"><img border="0" src="http://www.fcu.org.tw/~f93b0229/051008.jpg" width="300" height="220"><img border="0" src="http://www.fcu.org.tw/~f93b0229/051009.jpg" width="300" height="220"><img border="0" src="http://www.fcu.org.tw/~f93b0229/051010.jpg" width="300" height="220"><img border="0" src="http://www.fcu.org.tw/~f93b0229/051011.jpg" width="300" height="220"><img border="0" src="http://www.fcu.org.tw/~f93b0229/051012.jpg" width="300" height="220"><img border="0" src="http://www.fcu.org.tw/~f93b0229/051013.jpg" width="300" height="220"><img border="0" src="http://www.fcu.org.tw/~f93b0229/051014.jpg" width="300" height="220"><img border="0" src="http://www.fcu.org.tw/~f93b0229/051015.jpg" width="300" height="220"><img border="0" src="http://www.fcu.org.tw/~f93b0229/051016.jpg" width="300" height="220"><img border="0" src="http://www.fcu.org.tw/~f93b0229/051017.jpg" width="300" height="220"><img border="0" src="http://www.fcu.org.tw/~f93b0229/051018.jpg" width="300" height="220"><img border="0" src="http://www.fcu.org.tw/~f93b0229/051019.jpg" width="300" height="220"><img border="0" src="http://www.fcu.org.tw/~f93b0229/051020.jpg" width="300" height="220"><img border="0" src="http://www.fcu.org.tw/~f93b0229/051021.jpg" width="300" height="220"><img border="0" src="http://www.fcu.org.tw/~f93b0229/051022.jpg" width="300" height="220"><img border="0" src="http://www.fcu.org.tw/~f93b0229/051023.jpg" width="300" height="220"><img border="0" src="http://www.fcu.org.tw/~f93b0229/051024.jpg" width="300" height="220"><img border="0" src="http://www.fcu.org.tw/~f93b0229/051025.jpg" width="300" height="220"><img border="0" src="http://www.fcu.org.tw/~f93b0229/051026.jpg" width="300" height="220"><img border="0" src="http://www.fcu.org.tw/~f93b0229/051027.jpg" width="300" height="220"><img border="0" src="http://www.fcu.org.tw/~f93b0229/051028.jpg" width="300" height="220"><img border="0" src="http://www.fcu.org.tw/~f93b0229/051029.jpg" width="300" height="220"><img border="0" src="http://www.fcu.org.tw/~f93b0229/051030.jpg" width="300" height="220"> <br />
</marquee><br />
<center><br />十五、圖檔影片式跑馬燈範例
<br><center><br />
<marquee width="300" behavior="left" onMouseOver="this.stop()" onMouseOut="this.start()" > <br />
<img border="0" src="輸入圖檔網址（一）" width="300" height="220"><img border="0" src="輸入圖檔網址（二）" width="300" height="220"><img border="0" src="輸入圖檔網址（三）" width="300" height="220"><img border="0" src="輸入圖檔網址（四）" width="300" height="220"><img border="0" src="輸入圖檔網址（五）" width="300" height="220"><img border="0" src="輸入圖檔網址（六）" width="300" height="220"><br />
</marquee><br />
<center><br />十六、動畫底圖上有跑馬燈
★一
<br><font size=4 style=width:500;background:url(http://fcu.org.tw/~s93a0016/no2/102.gif)><marquee><font size=6 color="#9400D3">大家新年快樂！</font></marquee></td>★二
<br><font size=4 style=background:url(http://fcu.org.tw/~s93a0016/no2/102.gif)><marquee><font size=6 color="##0000ff"">同學們2006金狗年祝大家都旺旺的！快樂的！幸福的！</font></marquee></td>★三
<br><font size=6 style=background:url(http://fcu.org.tw/~okwawa/frontpage/no1/2-271.gif)><marquee>新年換狗好運到</marquee></font></td>