底部浮动js

查看效果:http://www.leyikao.com

 

源代码如下:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>底部浮动js</title>
</head>
<style>
#wgcss_dingwei { background-position: top center; position: absolute; width:1040px;height:94px; z-index: 10000;}
#wgcss_k { width:1040px; z-index: 8999;height:94px; overflow:hidden;}
</style>
<body>
<div id="wgcss_dingwei">
 <div id="wgcss_k"><img src="http://www.leyikao.com/templets/default/Images/bottomnav.png" width="1040" height="94" border="0" usemap="#Map31" />
<map name="Map31" id="Map31">
  <area shape="rect" coords="145,56,236,89" href="http://chat10.live800.com/live800/chatClient/chatbox.jsp?jid=1340831441&amp;companyID=195572&amp;configID=174342&amp;skillId=10416&amp;enterurl=http%3A%2F%2Fwww.leyikao.com%2Fbaoming%2F&amp;tm=1341218397608" target="_blank" />
  <area shape="rect" coords="387,57,480,88" href="http://www.leyikao.com/category/32/" target="_blank" />
  <area shape="rect" coords="665,56,757,87" href="http://www.leyikao.com/category/32/" target="_blank" />
  <area shape="rect" coords="886,56,988,88" href="http://www.leyikao.com/baoming/" target="_blank" />
</map>
 </div>
</div>
</body>
</html>
<script>
function piaofu_div(){
var bottompiaofu=document.getElementById("wgcss_dingwei");
bottompiaofu.style.left=(document.documentElement.scrollWidth-bottompiaofu.offsetWidth)/2+"px";
bottompiaofu.style.top=(document.documentElement.scrollTop+document.documentElement.clientHeight-bottompiaofu.offsetHeight)+'px'
setTimeout(piaofu_div,100);
}
piaofu_div();
</script>

 

 

查看效果:http://www.leyikao.com

posted @ 2012-07-18 08:31  通海口  阅读(551)  评论(0编辑  收藏  举报