PDA

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



贊助商連結

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>
<!--//
var version = "other"
browserName = navigator.appName;
browserVer = parseInt(navigator.appVersion);
if (browserName == "Netscape" && browserVer >= 3) version = "n3";
else if (browserName == "Netscape" && browserVer < 3) version = "n2";
else if (browserName == "Microsoft Internet Explorer" && browserVer >= 4) version = "e4";
else if (browserName == "Microsoft Internet Explorer" && browserVer < 4) version = "e3";
function marquee1()
{if (version == "e4")
{
document.write("<marquee behavior=scroll direction=up width=95 height=120 scrollamount=1 scrolldelay=60 onmouseover='this.stop()' onmouseout='this.start()'>")
}
}
function marquee2()
{if (version == "e4")
{
document.write("</marquee>")
}
}
//-->
</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"><!-- BEGIN NOWEXIT BANNER CODE --><!-- END NOWEXIT BANNER CODE --></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>
<!--//
var version = "other"
browserName = navigator.appName;
browserVer = parseInt(navigator.appVersion);
if (browserName == "Netscape" && browserVer >= 3) version = "n3";
else if (browserName == "Netscape" && browserVer < 3) version = "n2";
else if (browserName == "Microsoft Internet Explorer" && browserVer >= 4) version = "e4";
else if (browserName == "Microsoft Internet Explorer" && browserVer < 4) version = "e3";
function marquee1()
{if (version == "e4")
{
document.write("<marquee behavior=scroll direction=LEFT width=300 height=95 scrollamount=1 scrolldelay=60 onmouseover='this.stop()' onmouseout='this.start()'>")
}
}
function marquee2()
{if (version == "e4")
{
document.write("</marquee>")
}
}
//-->
</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
如果我的圖示較大要怎麼修改
才能使出現的視窗加大
俐兒
2001-07-11, 07:11 PM
我再次在 FrontPage 2000 裡測試,可以執行呀! ^_^


【我也正在學習中 ^_^ ∼∼∼】





最初由 laker
嗯 ?

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


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