[教學] 捲動式的友站連結效果

**iget** · 2001-06-16, 02:02 PM

範例網頁：
http://home.pchome.com.tw/home/iget1/marquee1.html

評比等級：三顆星星

使用方式：直接把以下的原始碼拷貝到你要放置的地方即可．

範例檔案下載：
http://home.pchome.com.tw/home/iget1/marquee1.zip

原始碼：注意黑粗字的地方，不要斷行，可以試著改變其內的數值看看
<script language=JavaScript>

</script>
<a href="#####">
<script language=JavaScript>marquee1();</script>
</a>
<table align=center border=0 cellpadding=0 cellspacing=3 width="88">
<tr>
<td width="88"><a href="http://pczone.com.tw/ " target=_blank title="PCZONE 寬頻討論區"><img border=0 height=31 src="http://home.pchome.com.tw/home/iget1/pczone_88.gif" width=88></a></td>
</tr>
<tr>
<td width="88"><a href="http://www.hotrank.com.tw/" target=_blank title="計數器"><img border=0 height=31 src="http://h03.hotrank.com.tw:1688/hotrank.gif" width=88></a></td>
</tr>
<tr>
<td width="88"><a href="http://ur_domain.com/" target=_blank><img border=0 height=31 src="http://home.pchome.com.tw/home/iget1/search100.gif" width=88></a></td>
</tr>
<tr>
<td width="88"></td>
</tr>
<tr>
<td width="88"><a href="http://ur_domain.com/" target="_blank"><img border="0" height=31 src="http://home.pchome.com.tw/home/iget1/taipeiicon.gif" width="88"></a></td>
</tr>
<tr>
<td width="88"><div align=center><font color=#3366ff>歡迎加入連結</font></div></td>
</tr>
</table>

俐兒 · 2001-06-17, 11:29 PM

《捲動式的友站連結效果 // 單排由右至左》
感謝 iget 版主

【原始碼】

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=big5">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>捲動式的友站連結效果//單排由右至左</title>
</head>

<body>
<p align="center"><script language=JavaScript>

</script>
<a href="#####">
<script language=JavaScript>marquee1();</script>
</a>
<div align="center">
<center>
<table border=0 cellpadding=0 cellspacing=3 width="487">
<tr>
<td width="92" align="center" valign="middle"><a href="http://pczone.com.tw/ " target=_blank title="PCZONE 寬頻討論區"><img border=0 height=31 src="http://home.pchome.com.tw/home/iget1/pczone_88.gif" width=88></a></td>
<td width="92" align="center" valign="middle"><a href="http://www.hotrank.com.tw/" target=_blank title="計數器"><img border=0 height=31 src="http://h03.hotrank.com.tw:1688/hotrank.gif" width=88></a></td>
<td width="92" align="center" valign="middle"><a href="http://ur_domain.com/" target=_blank><img border=0 height=31 src="http://home.pchome.com.tw/home/iget1/search100.gif" width=88></a></td>
<td width="92" align="center" valign="middle"><a href="http://ur_domain.com/" target="_blank"><img border="0" height=31 src="http://home.pchome.com.tw/home/iget1/taipeiicon.gif" width="88"></a></td>
<td width="490" align="center" valign="middle"><font color=#3366ff>歡迎加入連結</font></td>
</tr>
</table>
</center>
</div>
<p align="center">　</p>
</body>

</html>

**hui1011** · 2001-07-10, 07:07 AM

如果我的圖示較大要怎麼修改
才能使出現的視窗加大

**roboto** · 2001-07-10, 09:30 AM

這種情形,
最後的圖示跑完會有空白, 才又跑下一個循環,
如何解決這樣的情形,
不會留有空白,
感覺是連著,一直再循環..........

thanks!

**laker** · 2001-07-11, 05:02 PM

嗯 ?

為什麼看起來不會執行
function marquee2()
{if (version == "e4")
{
document.write("</marquee>")
}
}

因為好像都沒去呼叫他耶
???

俐兒 · 2001-07-11, 07:05 PM

應該是把例如
<img border=0 height=31 src="http://home.pchome.com.tw/home/iget1/pczone_88.gif" width=88>
裡的 height=31 與 width=88 改為你要的尺寸吧!!
【我也正在學習中 ^_^ ∼∼∼】

最初由 hui1011
如果我的圖示較大要怎麼修改
才能使出現的視窗加大