网站底部浮动js

最新推荐文章于 2019-02-27 15:05:05 发布

_miccretti

最新推荐文章于 2019-02-27 15:05:05 发布

阅读量107

点赞数

文章标签： xhtml

原文链接：http://www.cnblogs.com/yinluhui0229/archive/2012/07/18/2596733.html

版权

<!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&companyID=195572&configID=174342&skillId=10416&enterurl=http%3A%2F%2Fwww.leyikao.com%2Fbaoming%2F&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

来自博客园：笑小http://www.cnblogs.com/jjklmm/archive/2 012/07/18/2596722.html

转载于:https://www.cnblogs.com/yinluhui0229/archive/2012/07/18/2596733.html

_miccretti

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
网站底部浮动js

<!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> <titl...
复制链接

扫一扫