跟随网页滚动的右下图片效果

http://www.veryhuo.com Liehuo.Net 2009-08-29 投递稿件

　　烈火网(LieHuo.Net)教程 今天来分享一篇《跟随网页滚动的右下图片效果》的文章，主要功能是：即使web窗口滚动也总是位于窗口右下角，点击它页面就会到顶端。这样的例子相信大家经常在网上看到，好了，我们现在直接看演示和代码：

<!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>跟随网页滚动的右下图片效果-LIEHUO.NET</title> <script type="text/javascript"> var imgW = 55,imgH = 21; function SetLoc(){ if(!document.all){ winW = window.innerWidth; winH = window.innerHeight; broX = window.pageXOffset; broY = window.pageYOffset; } else{ winW = document.documentElement.clientWidth; winH = document.documentElement.clientHeight; broX = document.documentElement.scrollLeft; broY = document.documentElement.scrollTop; } var divFloatImage = document.getElementById("floatImage"); divFloatImage.style.pixelLeft = eval(winW -(imgW + 20) + broX); divFloatImage.style.pixelTop = eval(winH - (imgH + 20) + broY); setTimeout(SetLoc,1); } window.onload = function(){ SetLoc(); } //LIEHUO.NET 10:08 2009-8-29 </script> </head> <body style="margin:0px; padding:0px; border:0px;"> <div style="height:1580px;"> </div> <div id="floatImage" style="position: absolute;"> <a href="#TOP" _fcksavedurl="#TOP"> <img src="http://www.veryhuo.com/uploads/soft/upadmin/liehuonet_top.gif" _fcksavedurl="http://www.veryhuo.com/uploads/soft/upadmin/liehuonet_top.gif" _fcksavedurl="http://www.veryhuo.com/uploads/soft/upadmin/liehuonet_top.gif" alt="返回顶部" style="border: 0px; padding: 0px; margin: 0px;" /></a> </div> </body> </html>
提示：可修改后代码再运行!

上一篇：仿百度的模态弹出窗口效果(附源码)
下一篇：使用Dreamweaver给网页添加背景音乐

相关阅读

网友评论

栏目导航

本类年榜本类月榜

推荐软件

推荐阅读相关下载

关于我们 | 联系方式 | 广告服务 | 站内搜索 | 网站合作 | 免责声明 | 网站地图 | 反馈意见 | 回到顶部