javascript改变div位置

因为对速度的优化过程中发现谷歌广告拖慢了网页加载至少3s以上。原来谷歌广告是放在<body></body>开始部分,作为菜单一级div附属的。这样后果是,没有加载谷歌广告就不会加载后面的body的主要内容,严重拖慢了加载时间,故将其放到了footer部分,然后用css把其对齐到上面。

原来广告放在<div id=”ads_”></div>里面,把代码移动到footer部分,并没有直接删掉ads_层,而是重新命名了一个层<div id=”ads_bott”></div>,因为ads_采用css定位和控制大小的,这样ads_空层占位符的作用了,整个页面感觉没有变化一样。另外一个重要的作用就是可以用js进行相对定位。代码如下,折腾了大约两个小时,因为以前没有怎么系统学习js,还是比较纠结的。结论是:.style.top和.style.left作为左值,只能接受字符型的”10px”赋值。 附上代码吧:

 

<script type="text/javascript">
// < ![CDATA[
document.getElementById("ads_bott").style.left=document.getElementById("ads_").offsetLeft+"px";
document.getElementById("ads_bott").style.top=(60+document.getElementById("ads_").offsetTop)+"px";

// ]]></script>

本文链接:javascript改变div位置

转载声明:本站文章若无特别说明,皆为原创,转载请注明来源:Rexdf,谢谢!^^


此条目发表在网站建设分类目录,贴了标签。将固定链接加入收藏夹。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

*

:zsmilebig: :zsadbig: :zwiredbig: :zgreenhappy: more »

This site uses Akismet to reduce spam. Learn how your comment data is processed.