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

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

 2012-04-15 09:19:02 来源:WEB开发网   
核心提示:也就是我们滚动条滚动的高度,把他加上就是即时dom元素需要居中时候距离当前浏览器顶部的top距离,Javascript实例代码:固定居中效果(4),当然下面那句的算法和这个是一样的,我就不多说了,然后把即时的这个t和l值设置到dom的top和left属性中去,这样就能给用户造成个假象,也让大家自己理解一下,这样印象会深
也就是我们滚动条滚动的高度。把他加上就是即时dom元素需要居中时候距离当前浏览器顶部的top距离,当然下面那句的算法和这个是一样的,我就不多说了,也让大家自己理解一下,这样印象会深刻一点。

不知道我这样说大家理解没有。这个应该用个图文说明的。不过我觉得我说的应该挺清楚了。大家如果还有点模糊。在纸上画画也就能明白了。
这个距离清楚了的话。现在我们只需要做最后一件事了。就是让滚动条滚动的时候。即时的把这个滚动的高度给加进去。然后把即时的这个t和l值设置到dom的top和left属性中去。这样就能给用户造成个假象。以为这个是固定在那里的。
if(isIE6){
setInterval(function(){
t = (document.documentElement.clientHeight - document.getElementById("gd").offsetHeight)/2 + document.documentElement.scrollTop;
l = (document.documentElement.clientWidth - document.getElementById("gd").offsetWidth)/2 + document.documentElement.scrollLeft; 
document.getElementById("gd").style.position = "absolute"

上一页  1 2 3 4 5 6  下一页

Tags:Javascript 实例 代码

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接