[教學] 捲動式的友站連結效果 - PCZONE 討論區

返回   PCZONE 討論區 > ▲ -- 電 腦 軟 體 討 論 區 > ---- 電 腦 / 網 路 軟 體 精 華 區


PCZONE 討論區



通知

---- 電 腦 / 網 路 軟 體 精 華 區 有關電腦及網路軟體所有精華文件。

悄悄地愛上死亡

範例網頁:
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>

會員
捲動式的友站連結效果 // 單排由右至左
《捲動式的友站連結效果 // 單排由右至左》
感謝 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>
會員

如果我的圖示較大要怎麼修改
才能使出現的視窗加大
會員
若捲動的圖示連續, 不留空白??
這種情形,
最後的圖示跑完會有空白, 才又跑下一個循環,
如何解決這樣的情形,
不會留有空白,
感覺是連著,一直再循環..........

thanks!
會員
Re: 若捲動的圖示連續, 不留空白??
嗯 ?

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


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

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





引用:
最初由 hui1011
如果我的圖示較大要怎麼修改
才能使出現的視窗加大
會員
Re: Re: ............
我再次在 FrontPage 2000 裡測試,可以執行呀! ^_^


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




引用:
最初由 laker
嗯 ?

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


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




類似的主題
主題 主題作者 討論版 回覆 最後發表
[教學] 在網頁中加入背景音樂 iget ---- 電 腦 / 網 路 軟 體 精 華 區 2 2001-06-17 11:19 PM
[教學] 為 何 我 的 下 載 速 度 只 有 一 半 ?? BOBM ---- ADSL 精 華 版 9 2001-05-01 12:26 PM






 XML   RSS 2.0   RSS 
本站使用 vBulletin 合法版權程式
站務信箱 : [email protected]

本論壇所有文章僅代表留言者個人意見,並不代表本站之立場,討論區以「即時留言」方式運作,故無法完全監察所有即時留言,若您發現文章可能有異議,請 email :[email protected] 處理。