浮動圖示
語法:
< DIV id="waterMark" style="position:absolute">
< A href="index.htm" target="_top">
< script language="JavaScript1.2">
< !--
// Watermark script by Paul Anderson, CNET Builder.com. All rights reserved.
markW = 15; // 圖檔的寬
markH = 15; // 圖檔的長
markX = 99; // percent right
markY = 99; // percent down
markRefresh = 20; // milliseconds
// set common object reference
if (!document.all) document.all = document;
if (!document.all.waterMark.style) document.all.waterMark.style = document.all.waterMark;
wMark = document.all.waterMark.style;
wMark.width = markW;
wMark.height = markH;
navDOM = window.innerHeight; // Nav DOM flag
function setVals() {
barW = 0; // scrollbar compensation for PC Nav
barH = 0;
if (navDOM) {
if (document.height > innerHeight) barW = 20;
if (document.width > innerWidth) barH = 20;
} else {
innerWidth = document.body.clientWidth;
innerHeight = document.body.clientHeight;
}
posX = ((innerWidth - markW)-barW) * (markX/100);
posY = ((innerHeight - markH)-barH) * (markY/100);
}
function wRefresh() {
wMark.left = posX + (navDOM?pageXOffset:document.body.scrollLeft);
wMark.top = posY + (navDOM?pageYOffset:document.body.scrollTop);
}
function markMe() {
setVals();
window.onresize=setVals;
markID = setInterval ("wRefresh()",markRefresh);
}
window.onload=markMe; // safety for Mac IE4.5
//-->
< /script>
---------------------------------------------------------------------------
語法:
【修改程式碼】
修改 < A href="index.htm" target="_top">中的連結。
另外,修改 < IMG SRC="logo1515.gif" width=15 height=15 border=0>中的圖檔位置、名稱。
markW = 15; 這是用來設定圖檔的寬。
markH = 15; 這是用來設定圖檔的長。
markX = 95; 這是用來設定螢幕上X軸的位置,所謂95是指螢幕的95%處,由此可知,設為0的時候是最左邊,設為100的時候是最右邊。
markY = 95; 這是用來設定螢幕上Y軸的位置,設為0的時候是最上面,設為100的時候是最下面。
markRefresh = 20; 每幾千分之一秒重新定位。
書籤