开发学院网页设计 JavaScript Javascript实例代码:固定居中效果阅读

Javascript实例代码:固定居中效果

　2012-04-15 09:19:02　来源：WEB开发网　　　

核心提示：document.getElementById("gd").style.top = t + "px";document.getElementById("gd").style.left = l + "px";},1)这段就是这个作用，if(i

document.getElementById("gd").style.top = t + "px";
document.getElementById("gd").style.left = l + "px";
},1)
这段就是这个作用。if(isIE6)就是当isIE6这个为真时。也就是当是IE6的浏览器的时候。setInterval(...,1)这个是设置个时钟让在IE6的浏览器下每隔1微秒执行一下语句。也就是不断的在更新t和l的值。然后不断的付给DOM元素的top和left属性，1微秒非常快。用户拉滚动条的速度不可能只需要1微秒的时间。所以用户也就不可能看出来什么。以为那个就是固定在那里的。当然你也可以设置一个滚动事件windon.onscroll。也可以。但是我觉得没这种好。大家有兴趣的也可以研究一下（大家别闲我啰嗦，我觉得自己多研究一下东西，比我教大家一大堆东西都有用）。

当然如果不是IE6的浏览器都支持fixed属性。就执行这些语句了。
document.getElementById("gd").style.position = "fixed"//给dom元素加一个fixed属性
document.getElementById("gd").style.top = t + "px";