图形随窗口移动

就是让一个图片 即使web窗口滚动 也总是位于窗口右下角,点击它页面就会到顶端(由于整个页面太长,这样方便,相信大家肯定见过,做过的)。

http://www.hongen.com/pc/homepage/javascript/sample/followwinpic.htm

这个网址可以看到效果,虽然功能不是到顶端,但现在我仅要求 图形随窗口移动 即可,锚点以后再设。下边是我的js程序,大侠们,前辈们帮我看看吧,愁死我了,查了一天,调了一天,死的心都有了……:

<script type = "test/javascript" >

function checkLocation() {
    imgwidth=50;
    imgheight=50;
    var availableX=document.body.clientWidth;
    var availableY=document.body.clientHeight;
    var currentX=document.body.scrollLeft;
    var currentY=document.body.scrollTop;
    x=availableX-(imgwidth+30)+currentX;
    y=availableY-(imgheight+20)+currentY;
    var divBranding = document.getElementById("branding");
    divBranding.style.pixelLeft = x;
    divBranding.style.pixelTop = y;
    setTimeout("checkLocation()",10);
}

window.onload = function(){
        checkLocation();
}

</script>

在aspx文件body中有:

<body>

  <div id="branding" style="position:absolute">

  </div>

</body>

现在这个程序在IE上的效果是 图形不随窗口移动 ,要是各位不想看,有现成的js代码,给我一份也行,反正我现在是在学习。连clientWidth和scrollTop我也是刚明白一些。入门好难。对这些相关的谁有比较好的网址发下也行,谢谢了,不过最好帮我调试下上边的程序,指出错误。再次谢谢!

缥缈止盈
浏览 581回答 7
7回答

森栏

我在IE上看的效果是图形跟随窗口始终保持在右下角的,重点是setTimeout这句,虽然不是什么好的实现方法,但确实应当是可行的,当然在FIREFOX下是一塌糊涂

青春有我

不是吧,我在IE8上怎么图形不始终保持在 窗口 的右下角,而是在 页面的右下角啊,别蒙我啊。如果页面很长,图形就会看不见了……确认一下啊

料青山看我应如是

@Gray Zhang:谢谢关注我的问题!

神不在的星期二

@Gray Zhang:谢谢关注我的问题!
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript