| 

回主頁
 


 
電腦工具箱 詳細資料

主題浮動圖片或按鈕
主題內容

不管網頁怎麼捲動,要製作的浮動圖片或按鈕可依然固定在某一位置上。方法如下:

第一步:將以下內容複製及貼到</head>之前 (注意:將“>”(全型字) 改回 “>” (半型字) 及 “<” 改回 “<”

<SCRIPT LANGUAGE="VBScript">
Dim imgtop, imgleft
Sub initialimg()
imgtop = 20 ' 圖片與上方的距離
imgleft = 20 ' 圖片與左方的距離
Document.All.fiximg.Style.position = "absolute"
Document.All.fiximg.Style.postop = imgtop
Document.All.fiximg.Style.posleft = imgleft
End Sub
Sub moveimg()
Document.All.fiximg.Style.top = Document.Body.scrollTop + imgtop
document.all.fiximg.Style.left = Document.Body.scrollLeft + imgleft
End Sub
</SCRIPT>

第二步:將以下內容複製及貼到<body >裡面 (即 <body onLoad="initialimg()" onScroll="moveimg()" > ) (注意:將“>”(全型字) 改回 “>” (半型字) 及 “<” 改回 “<”

onLoad="initialimg()" onScroll="moveimg()"

第三步:將以下內容複製及貼到<body>與</body>之間 (注意:將“>”(全型字) 改回 “>” (半型字) 及 “<” 改回 “<”

<SPAN ID="fiximg">
<A HREF="http://www.wells.hk " TARGET="_blank">
<IMG SRC="http://www.wells.hk/images/logo.jpg" BORDER="0">
</A>
</SPAN>
<BR>

修改內容:
1. 圖片或按鈕跟視窗的上端及左端的距離
2. 修改圖片的連結位置或方式 "http: //www.wells.hk " TARGET="_blank"
3. 修改圖片的位置 "http: //www.wells.hk/images/logo.jpg"。如要改為按鈕,作以下修改:
<IMG SRC="http://www.wells.hk/images/logo.jpg" BORDER="0"> 改為
<input type="button" name="Submit" value="回上一頁"onClick="window.history.back();"> (例子)

 
推荐度:1 (0: 未評級;3:極度推荐)

上次更新日期2005-07-13

 

 

=============================================================
警告:

使用「電腦工具箱」本網站 閣下必須承擔風險!本網站本著非牟利的精神,為 閣下提供免費訊息及技術資料,完全純屬參考性質,但不完全保證資訊及免費軟體的正確性及可靠性,故此本網站不會對 閣下因為使用本網站後而帶來任何損失,而負上任何責任。本站強烈建議在按照本網站的技術指引或使用免費軟體前,務請為電腦作妥善備份及確保可回復狀態。



 | 
Copyright © 版權所有 All Rights Reserved.  版權聲明刊登廣告業務合作 View My Stats