蓝色、简捷的下拉菜单代码，兼容各类赏识器

发布时间：2018-09-01 07:20:00 所属栏目：创业来源：站长网

导读：蓝色、简捷的下拉菜单代码，没有效到任何的修改图片！看一下结果吧，怎么样，复制代码即可行使。兼容：IE6+, Firefox 1.5+, Opera 8+, Safari 3+, Chrome 0.2+等多个赏识器，简朴修改一下菜单的内容就可以放在本身的网站或项目中行使了。示例： !DOCTYPE

　　蓝色、简捷的下拉菜单代码，没有效到任何的修改图片！看一下结果吧，怎么样，复制代码即可行使。兼容：IE6+, Firefox 1.5+, Opera 8+, Safari 3+, Chrome 0.2+等多个赏识器，简朴修改一下菜单的内容就可以放在本身的网站或项目中行使了。

　　示例：

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>很是小巧的JS下拉菜单代码</title> <style> #sddm { margin: 0 auto; padding: 0; z-index: 30; background-color:#F4F4F4; width: 480px; height:23px;} #sddm li { margin: 0; padding: 0; list-style: none; float: left; font: bold 12px arial} #sddm li a { display: block; margin: 0 1px 0 0; padding: 4px 10px; width: 60px; background: #5970B2; color: #FFF; text-align: center; text-decoration: none} #sddm li a:hover { background: #49A3FF} #sddm div { position: absolute; visibility: hidden; margin: 0; padding: 0; background: #EAEBD8; border: 1px solid #5970B2} #sddm div a { position: relative; display: block; margin: 0; padding: 5px 10px; width: auto; white-space: nowrap; text-align: left; text-decoration: none; background: #EAEBD8; color: #2875DE; font: 12px arial} #sddm div a:hover { background: #49A3FF; color: #FFF} </style>  <script type="text/javascript">  </script> </head> <body style="text-align:center"> <ul id="sddm"> <li><a href="#" onmouseover="mopen('m1')" onmouseout="mclosetime()">主页</a> <div id="m1" onmouseover="mcancelclosetime()" onmouseout="mclosetime()"> <a href="#">最新更新</a> <a href="#">热门排行</a> <a href="#">保举阅读</a> </div> </li> <li><a href="#" onmouseover="mopen('m2')" onmouseout="mclosetime()">下载频道</a> <div id="m2" onmouseover="mcancelclosetime()" onmouseout="mclosetime()"> <a href="#">ASP源措施</a> <a href="#">AJAX菜单</a> <a href="#">DIV机关实例</a> </div> </li> <li><a href="#" onmouseover="mopen('m3')" onmouseout="mclosetime()">文章资讯</a> <div id="m3" onmouseover="mcancelclosetime()" onmouseout="mclosetime()"> <a href="#">Visa相干</a> <a href="#">Paypal相干</a> </div> </li> <li><a href="#" onmouseover="mopen('m4')" onmouseout="mclosetime()">辅佐中心</a> <div id="m4" onmouseover="mcancelclosetime()" onmouseout="mclosetime()"> <a href="#">下载辅佐文档</a> <a href="#">在线阅读</a> </div> </li> <li><a href="#" onmouseover="mopen('m5')" onmouseout="mclosetime()">接洽博主</a> <div id="m5" onmouseover="mcancelclosetime()" onmouseout="mclosetime()"> <a href="#">E-mail</a> <a href="#">在线提交</a> <a href="http://www.liehuo.net/" target="_blank">博主官网</a> </div> </li> </ul> <div style="clear:both"></div> <p><p>很是小巧的JS下拉菜单代码，兼容：IE6+, Firefox 1.5+, Opera 8+, Safari 3+, Chrome 0.2+</p></p> </body> </html><div style="text-align:center;margin:30px 0 0 0;"><hr style="color:#999;height:1px;">如不能表现结果，请按Ctrl+F5革新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></div>
提醒：可修改儿女码再运行!

（编辑：河北网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

首富马斯克谈成功？他	从先行者到制定者，轻
中国互联网的新一轮机	马斯克想辞职做专业网