效果图:演示代码: DIV+CSS打造精美导航菜单，sky整理收集。 body{ background-color: #000000; } #fbtn{ display:none; overflow:hidden; border-style:solid; border-width:1px; border-color:#e1e1c9 #e1e1c9 #6e6e56 #6e6e56; padding:1 1 1 1; width:115px; height:30px; } #fbtn_txt{ position:relative; } #fbtn_txt div{ height:30px; padding-top:11px; font-size:12px; color:#800080; text-align:center; cursor:hand; } #fbtn_mask{ background-color:#ffffff; position:relative; width:100%; height:100%; } ">脚本之家,站长必备的高质量网页特效和广告代码。jb51.net，站长js特效。 jb51.net 脚本之家 站长特效 站长特效 网页特效 网页特效 广告代码 广告代码 您自定义 您自定义 您自定义 您自定义 您自定义 您自定义 您自定义 您自定义 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

　　推荐阅读

　　不同浏览器的怪癖小结

1.在设置div top,left是必须一起设置，否则对象消失 ,说明层postion设为fixed document.getElementById("mydiv").style.top=10+"px"; document.getElementById("mydiv").style.left=10+"px"; 在chrome下测试没有这>>>详细阅读

本文标题：DIV+CSS设计的动感横向导航

地址：http://www.17bianji.com/kaifa2/JS/26016.html

 1/2    1