網頁特效”漂浮廣告代碼”來回跳動的

標籤：style   c   java   tar   http   ext   

<div id="ad" style="position:absolute">
<a href="http://www.scshlx.com/wayne173" target="_blank">
<img src="http://www.hxlysw.com/images/adminlogo.gif" border="0">
</a></div>
<script type="text/javascript">
var x = 50,y = 60;
var xin = true, yin = true;
var step = 1;
var delay = 10;
var obj=document.getElementById("ad");
function floatAD() {
var L=T=0;
var R= document.body.clientWidth-obj.offsetWidth;
var B = document.body.clientHeight-obj.offsetHeight;
obj.style.left = x + document.body.scrollLeft + "px";
obj.style.top = y + document.body.scrollTop + "px";
x = x + step*(xin?1:-1);
if (x < L) { xin = true; x = L;}
if (x > R){ xin = false; x = R;} 
y = y + step*(yin?1:-1); 
if (y < T) { yin = true; y = T; } 
if (y > B) { yin = false; y = B; } 
}
var itl= setInterval(floatAD, delay); 
obj.onmouseover=function(){clearInterval(itl);} 
obj.onmouseout=function(){itl=setInterval(floatAD, delay);}
&lt;/script&gt;
&lt;SCRIPT LANGUAGE="JavaScript"&gt; 
var s = "網頁可見地區寬 ："+ document.body.clientWidth; 
s += "\r\n網頁可見地區高："+ document.body.clientHeight; 
s += "\r\n網頁可見地區高："+ document.body.offsetHeight +" (包括邊線的寬)"; 
s += "\r\n網頁本文全文寬："+ document.body.scrollWidth; 
s += "\r\n網頁本文全文高："+ document.body.scrollHeight; 
s += "\r\n網頁被捲去的高："+ document.body.scrollTop; 
s += "\r\n網頁被捲去的左："+ document.body.scrollLeft; 
s += "\r\n網頁本文部分上："+ window.screenTop; 
s += "\r\n網頁本文部分左："+ window.screenLeft; 
s += "\r\n螢幕解析度的高："+ window.screen.height; 
s += "\r\n螢幕解析度的寬："+ window.screen.width; 
s += "\r\n螢幕可用工作區高度："+ window.screen.availHeight; 
s += "\r\n螢幕可用工作區寬度："+ window.screen.availWidth; 
document.write(s); 
&lt;/script&gt;

 

http://www.t1xy.com/wayne173 //換成是漂浮圖片點擊後出現的頁面，也就是點擊後出現的詳細的介紹頁面

http://www.t1xy.com/images/adminlogo.gif //換成是漂浮廣告圖片的URL地址，最好採用絕對路徑
var x = 50,y = 60 //浮動層的初始位置，分別對應層的初始X座標和Y座標

var xin = true, yin = true //判斷層的X座標和Y座標是否在在控制範圍之內，xin為真是層向右移動，否則向左；yin為真是層向下移動，否則向上
var step = 1 //層移動的步長，值越大移動速度越快
var delay = 10 //層移動的時間間隔,單位為毫秒，值越小移動速度越快