脚本宝典收集整理的这篇文章主要介绍了html5教程-HTML5实例之javaScript制作水平下拉菜单,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
HTML5实例之javaScript制作水平下拉菜单
*{padding:0px;} p{margin:20px 150px;} ul{list-style:none;} ul li{float:left;position:relative;} ul li a{text-decoration:none; background:#900; height:40px; display:block; color:#fff; font-weight:bold; line-height:40px; text-align:center; margin-right:1px; padding:0px 15px; } ul li a:hover{background:#f90;} ul li ul li{float:none;} ul li ul{position:absolute;top:41px;left:0px; display:none; } function showmenu(li){ var submenu=li.getElementsByTagName("ul")[0]; submenu.style.display="block"; } function hidemenu(op){ var submenu=op.getElementsByTagName("ul")[0]; submenu.style.display="none"; }
HTML5实例之javaScript制作水平下拉菜单
*{padding:0px;} p{margin:20px 150px;} ul{list-style:none;} ul li{float:left;position:relative;} ul li a{text-decoration:none; background:#900; height:40px; display:block; color:#fff; font-weight:bold; line-height:40px; text-align:center; margin-right:1px; padding:0px 15px; } ul li a:hover{background:#f90;} ul li ul li{float:none;} ul li ul{position:absolute;top:41px;left:0px; display:none; } function showmenu(li){ var submenu=li.getElementsByTagName("ul")[0]; submenu.style.display="block"; } function hidemenu(op){ var submenu=op.getElementsByTagName("ul")[0]; submenu.style.display="none"; }
觉得可用,就经常来吧! 脚本宝典 欢迎评论哦! html5教程,巧夺天工,精雕玉琢。小宝典献丑了!
以上是脚本宝典为你收集整理的html5教程-HTML5实例之javaScript制作水平下拉菜单全部内容,希望文章能够帮你解决html5教程-HTML5实例之javaScript制作水平下拉菜单所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。