首页 > 网络编程 > JavaScript > 网页特效 > 布局与层 > 页面底部的层 始终在页面底部的层js实现代码 2012-11-15 11:19:11 作者： 其实就是通过js将层始终定位在底部，多用于提示效果 <body onscroll="onboot()" onload="onboot()"> <div style="position:absolute;left:10;top:30;width:126;background:green" id=bt> <style> table {border-top:6 solid blue; border-left:6 solid lime;border-right:6 solid orange; border-bottom:6 solid pink;border-collapse:collapse;} td {border-right:1 solid yellow; border-bottom:1 solid cyan;width:50px;border-collapse:collapse;} </style> <table cellpadding=0 cellspacing=0> <tr> <td> <td> <td> <td> <tr> <td> <td> <td> <td> <tr> <td> <td> <td> <td> </table> </div> <p>aa<p>aa<p>aa<p>aa<p>aa<p>aa<p>aa<p>aa<p>aa<p>aa<p>aa<p>aa<p>aa<p>aa<p>aa<p>aa<p>aa<p>aa<p>aa<p>aa<p>aa<p>aa<p>aa<p>aa<p>aa<p>aa<p>aa<p>aa <SCRIPT LANGUAGE="JavaScript"> <!-- function onboot(){ bt.style.top=document.body.scrollTop+document.body.clientHeight-bt.offsetHeight; } //--> </SCRIPT> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]注意：代码不符合标准，大家可以根据需要自行修改。 您可能感兴趣的文章:判断滚动条到底部的JS代码公共js在页面底部加载的注意事项介绍滑轮滚动到页面底部ajax加载数据配合jsonp实现探讨Javascript实现DIV滚动自动滚动到底部的代码js实现滚动条滚动到页面底部继续加载基于javascript实现浏览器滚动条快到底部时自动加载数据JS实现仿苹果底部任务栏菜单效果代码js实现带关闭按钮始终显示在网页最底部工具条的方法JS实现判断滚动条滚到页面底部并执行事件的方法js判断滚动条是否已到页面最底部或顶部实例详解基于javascript实现的苹果系统底部菜单
