作者macrose (著實鍛鍊了一番~)
看板Ajax
標題[問題] 關於浮動圖片的問題
時間Wed Dec 13 16:40:43 2006
我想要上面想要放幾個浮動圖片,
所以去找到網路上分享的Java Script來用,
可是使用這組編碼,
只能放置一個浮動圖片,
如果我想放兩個以上的浮動圖片的話,
該怎麼修改這組java script呢?
希望板上的高手能夠幫幫我~
(直接複製貼上一組,結果兩張圖都不會動了> <)
以下是我找到的編碼:
<td width="33%">
<p align="center"><!--webbot bot="HTMLMarkup" startspan -->
<DIV id="waterMark" style="position:absolute">
<A href"連結目標" target="_blank">
<IMG img border="0" src="AD1-2.gif" alt="廣告1"></A>
</DIV>
<script language="JavaScript1.2">
<!--
// Watermark script by Paul Anderson, CNET Builder.com. All rights reserved.
markW = 80; //圖檔的寬
markH = 100; //圖檔的長
markX = 88; //螢幕上X軸的位置
markY = 5; //螢幕上Y軸的位置
markRefresh = 10; //每幾千分之一秒重新定位
// 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>
<!--webbot bot="HTMLMarkup" endspan -->
</td>
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 202.39.16.59
※ 編輯: macrose 來自: 202.39.16.59 (12/13 16:41)