<body>
<script type="text/javascript">
var divobj; //层对象
var divTop; //层距页面顶端距离
var divleft; //层距页面的左距离
var tagName = document.getElementsByTagName("li");
function place() {
var divobj = document.getElementById("adver") //获得层关系
if (divobj.currentStyle) { //IE浏览器
divTop = parseInt(divobj.currentStyle.top); //来获取层距离页面顶端的位置
divleft = parseInt(divobj.currentStyle.left); //来获取层距离页面左端的位置
alert("上" + divTop + "左" + divleft);
}
else { //firefox浏览器
divTop = parseInt(document.defaultView.getComputedStyle(divobj, null).top);
divleft = parseInt(document.defaultView.getComputedStyle(divobj, null).left);
}
}
function move() {
divobj.style.top = divTop + parseInt(document.documentElement.scrollTop) + "px";
divobj.style.left = divleft + parseInt(document.documentElement.scrollLeft) + "px";
}
window.onload = place;
window.onscroll = move;
</script>
<div id="adver"><img src="images/gg=0.jpg" /></div>
<div><img src="images/5.jpg"/></div>
</body>
<script type="text/javascript">
var divobj; //层对象
var divTop; //层距页面顶端距离
var divleft; //层距页面的左距离
var tagName = document.getElementsByTagName("li");
function place() {
var divobj = document.getElementById("adver") //获得层关系
if (divobj.currentStyle) { //IE浏览器
divTop = parseInt(divobj.currentStyle.top); //来获取层距离页面顶端的位置
divleft = parseInt(divobj.currentStyle.left); //来获取层距离页面左端的位置
alert("上" + divTop + "左" + divleft);
}
else { //firefox浏览器
divTop = parseInt(document.defaultView.getComputedStyle(divobj, null).top);
divleft = parseInt(document.defaultView.getComputedStyle(divobj, null).left);
}
}
function move() {
divobj.style.top = divTop + parseInt(document.documentElement.scrollTop) + "px";
divobj.style.left = divleft + parseInt(document.documentElement.scrollLeft) + "px";
}
window.onload = place;
window.onscroll = move;
</script>
<div id="adver"><img src="images/gg=0.jpg" /></div>
<div><img src="images/5.jpg"/></div>
</body>
解决方案 »
- 问一个Jquery的Ajax异步处理的问题
- 网页键盘控制的问题
- 求判断文件大小的代码
- 数据计算问题,请高手指点
- 【散分】DIV如何自适应高度问题,不择手段,解决就好
- 在IE6.0中如何使用Microsoft Script Debugger工具调试javascript代码?
- 现在还有人搞vml吗,我刚了解,觉的挺好玩,但是坐标有点麻烦。最关键是不知道它过时没有!
- 为什么我用document.documentElement.outerhtml得到的源文件有时不全
- 怎样用setTimeout定时关闭一个窗口后再打开另一个窗口??
- Ext grid 页面缩小至出现滚动条后,点击Cell里的链接不起作用
- window.open中的status=1,为什么还是不显示状态栏啊?求解
- jquery easy ui 中DataGrid的问题
divobj.style.left = divleft + parseInt(document.documentElement.scrollLeft) + "px";
这两句话可能有问题。我用这个alert();试过
function place() {
var divobj = document.getElementById("adver") //获得层关系
你这个就有问题 var要干掉 不然你这是又定义了个内部变量 外面的divobj永远是undefined
#adver
{
position:absolute;
left:150px;
top:300px;
z-index:2;
}
</style>
var divobj = document.getElementById("adver") //获得层关系
改成
function place() {
divobj = document.getElementById("adver") //获得层关系
就OK了
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>无标题页</title>
<style type="text/css">
*{border:1px solid red;}
#adver
{
position:absolute;
left:150px;
top:300px;
z-index:2;
}
</style>
</head>
<body> <script type="text/javascript">
var divobj; //层对象
var divTop; //层距页面顶端距离
var divleft; //层距页面的左距离
var tagName = document.getElementsByTagName("li");
function place() {
divobj = document.getElementById("adver") //获得层关系
if (divobj.currentStyle) { //IE浏览器
divTop = parseInt(divobj.currentStyle.top); //来获取层距离页面顶端的位置
divleft = parseInt(divobj.currentStyle.left); //来获取层距离页面左端的位置
alert("上" + divTop + "左" + divleft);
}
else { //firefox浏览器
divTop = parseInt(document.defaultView.getComputedStyle(divobj, null).top);
divleft = parseInt(document.defaultView.getComputedStyle(divobj, null).left);
}
}
function move() {
divobj.style.top = divTop + parseInt(document.documentElement.scrollTop) + "px";
divobj.style.left = divleft + parseInt(document.documentElement.scrollLeft) + "px";
}
window.onload = place;
window.onscroll = move;
</script> <div id="adver">
<img src="images/gg=0.jpg" /></div>
<div style="height:3000px;">
<img src="images/5.jpg" /></div>
</body>
</html>
IE8没问题
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
var adverTop; //层距页面顶端距离
var adverLeft;
var adverObject; //层对象
function inix(){
adverObject=document.getElementById("adver"); //获得层对象
if(adverObject.currentStyle){
adverTop=parseInt(adverObject.currentStyle.top);
adverLeft=parseInt(adverObject.currentStyle.left);
}
else{
adverTop=parseInt(document.defaultView.getComputedStyle(adverObject,null).top);
adverLeft=parseInt(document.defaultView.getComputedStyle(adverObject,null).left);
}
}
function move(){
adverObject.style.top=adverTop+parseInt(document.documentElement.scrollTop)+"px";
adverObject.style.left=adverLeft+parseInt(document.documentElement.scrollLeft)+"px";
}
window.onload=inix;
window.onscroll=move;
</script>