查看效果: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&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
分享到:
相关推荐
js 图片广告可以左浮动 右浮动 底部浮动 底部浮动是一直置于底部
在网页中添加一个添加浮动按钮,点击该按钮则滚动到网页底部。纯JavaScript。在IE9、11,Maxthon 1.6.7,Firefox30、31,360极速浏览器7.5.3.308下测试正常。 相关说明文章:...
网页底部浮动通栏
js特效脚本含源码和说明超过一定高度出现左右浮动导航及底部固定导航代码本资源系百度网盘分享地址
本文实例讲述了jQuery实现底部浮动窗口效果。分享给大家供大家参考,具体如下: [removed][removed] <style type="text/css"> #foot_tel { width:100%;height:43px; background:url(styles/js/swt/tel_bj_...
新浪奥运频道的Js右下角浮动窗口代码打包! 新浪奥运频道的Js右下角浮动窗口代码打包!
利用js实现网页底部的菜单形式! 页面美观大方,实用性强
该浮动qq客服代码美观大方,广泛适用于各个行业,完美兼容网站首页、列表页、内容页的底部,可有利于网站咨询转化率提升,增加更多留言及咨询量,首次使用,请看以下教程,高手请绕行。已通过IE、谷歌、360等浏览器...
主要介绍了浮动的div自适应居中显示的js代码,有需要的朋友可以参考一下
jquery滚动下拉显示左右浮动导航是一款超过一定高度出现左右浮动导航及底部固定导航代码,仿易迅网效果,有返回顶部按钮,兼容主流浏览器。
jQuery浮动广告横幅代码是一款网页底部悬浮的广告横幅,点击关闭按钮图片广告横幅大小图隐藏切换效果代码。
漂浮广告,浮动广告,JS浮动广告代码
jQuery手机端底部弹出菜单列表代码是一款网页底部点击按钮弹出浮动的图标菜单列表。
该右侧浮动QQ客服代码美观大方,广泛适用于各个行业,完美兼容网站首页、列表页、内容页的底部,可有利于网站咨询转化率提升,增加更多留言及咨询量,首次使用,请看以下教程,高手请绕行。 已通过IE、谷歌、360等...
该浮动qq客服代码美观大方,广泛适用于各个行业,完美兼容网站首页、列表页、内容页的底部,可有利于网站咨询转化率提升,增加更多留言及咨询量,首次使用,请看以下教程,高手请绕行。 已通过IE、谷歌、360等...
纯CSS3实现3D浮动按钮是一款效果很酷的纯CSS3 3D浮动按钮,按钮是一个3D立体的悬浮圆形,按钮上面可以是文字和爱心图案,按钮底部还有阴影效果,显得很立体。另外,当把鼠标滑过按钮时,按钮就会下陷,就像在水面上...
监听滚动条顶部距离、显示百分比、下拉到底部顶部浮动
6款图片鼠标悬停效果JS代码 喜欢的就下载吧!
jQuery微信手机端底部弹出导航菜单列表代码是一款网页底部点击按钮弹出浮动的图标菜单列表的手机特效。 js代码 [removed][removed] [removed][removed] [removed][removed] [removed] function showList(){ ...