作者Ronlong (玄雲)
看板Ajax
標題Re: [問題] 關於浮動圖片的問題
時間Fri Dec 15 00:37:47 2006
※ 引述《macrose (著實鍛鍊了一番~)》之銘言：
: 我想要上面想要放幾個浮動圖片,
: 所以去找到網路上分享的Java Script來用,
: 可是使用這組編碼,
: 只能放置一個浮動圖片,
: 如果我想放兩個以上的浮動圖片的話,
: 該怎麼修改這組java script呢?
: 希望板上的高手能夠幫幫我~
: (直接複製貼上一組,結果兩張圖都不會動了> <)
: 以下是我找到的編碼:
: <td width="33%">
: <p align="center"><!--webbot bot="HTMLMarkup" startspan -->
<DIV id="waterMark1" style="position:absolute">
: <A href"連結目標" target="_blank">
: <IMG img border="0" src="AD1-2.gif" alt="廣告1"></A>
: </DIV>
<DIV id="waterMark2" style="position:absolute">
<A href"連結目標" target="_blank">
<IMG img border="0" src="AD1-2.gif" alt="廣告2"></A>
</DIV>
: <script language="JavaScript1.2">
: <!--
: // Watermark script by Paul Anderson, CNET Builder.com. All rights reserved.
mark1W = 80; //圖檔一的寬
mark1H = 100; //圖檔一的長
mark1X = 88; //圖檔一螢幕上X軸的位置
mark1Y = 5; //圖檔一螢幕上Y軸的位置
mark2W = 80; //圖檔二的寬
mark2H = 100; //圖檔二的長
mark2X = 88; //圖檔二螢幕上X軸的位置
mark2Y = 20; //圖檔二螢幕上Y軸的位置
: markRefresh = 10; //每幾千分之一秒重新定位
: // set common object reference
: if (!document.all) document.all = document;
if (!document.all.waterMark1.style) document.all.waterMark1.style =
document.all.waterMark1;
if (!document.all.waterMark2.style) document.all.waterMark2.style =
document.all.waterMark2;
wMark1 = document.all.waterMark1.style;
wMark1.width = mark1W;
wMark1.height = mark1H;
wMark2 = document.all.waterMark2.style;
wMark2.width = mark2W;
wMark2.height = mark2H;
: 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;
: }
pos1X = ((innerWidth - mark1W)-barW) * (mark1X/100);
pos1Y = ((innerHeight - mark1H)-barH) * (mark1Y/100);
pos2X = ((innerWidth - mark2W)-barW) * (mark2X/100);
pos2Y = ((innerHeight - mark2H)-barH) * (mark2Y/100);
: }
: function wRefresh() {
wMark1.left = pos1X + (navDOM?pageXOffset:document.body.scrollLeft);
wMark1.top = pos1Y + (navDOM?pageYOffset:document.body.scrollTop);
wMark2.left = pos2X + (navDOM?pageXOffset:document.body.scrollLeft);
wMark2.top = pos2Y + (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: 220.132.240.228