php页面浮动窗口代码,JavaScript浮动广告窗口实例

浮动广告窗口

浮动广告窗口

#mydiv{

width:100px;

height:100px;

background:#f00;

}

#content{

text-align:center;

}

#adv{

position:absolute;

top:80px;

left:60px;

}

#close{

position:absolute;

top:80px;

left:164px;

}

var advObj;

var advTop;

var advLeft;

var closeObj;

var closeTop;

var closeLeft;

//获取广告的初始位置

function place(){

advObj=$("adv");

closeObj=$("close");

if(advObj.currentStyle){

advTop=advObj.currentStyle.top;

advLeft=advObj.currentStyle.left;

closeTop=closeObj.currentStyle.top;

closeLeft=closeObj.currentStyle.left;

}else{

advTop=parseInt(document.defaultView.getComputedStyle(advObj,null).top);

advLeft=parseInt(document.defaultView.getComputedStyle(advObj,null).left);

closeTop=parseInt(document.defaultView.getComputedStyle(closeObj,null).top);

closeLeft=parseInt(document.defaultView.getComputedStyle(closeObj,null).left);

}

}

window.οnlοad=function(){

//var width=$("mydiv").style.width;

//获取使用内嵌样式修饰的属性

/* if($("mydiv").currentStyle){//判断客户端使得的浏览器

var width=$("mydiv").currentStyle.width;

}else{

var width=document.defaultView.getComputedStyle($("mydiv"),null).width; //第二个参数表示伪元素，一般都设置为Null

}

alert(width);*/

place();

$("close").οnclick=function(){

$("close").style.display="none";

$("adv").style.display="none";

};

};

function scroll(){

advObj.style.top=parseInt(advTop)+parseInt(document.documentElement.scrollTop)+"px";

advObj.style.left=parseInt(advLeft)+parseInt(document.documentElement.scrollLeft)+"px";

closeObj.style.top=parseInt(closeTop)+parseInt(document.documentElement.scrollTop)+"px";

closeObj.style.left=parseInt(closeLeft)+parseInt(document.documentElement.scrollLeft)+"px";

}

window.οnscrοll=function(){

scroll();

};

function $(id){

return document.getElementById(id);

}