[Java] 如何实现跨框架的下拉菜单

pacio · pacio

这个用html+css+js实现很简单啊
<head>
<style>
.nav{background-color:#333; width:80px; height:40px; position:relative;}
.nav a{line-height:40px; color:#FFF; text-align:center; display:block;}
.ulist{ list-style:none; position:absolute; left:-32px; top:32px; display:none;}
.ulist li{ width:80px; height:32px; line-height:32px; text-align:center; font-size:12px;}
.ulist li a{background-color:#F60; display:block;}
.ulist li a:hover{ background-color:#F90;}
</style>
</head>

<body>
<div class="nav">
<a>视频下载</a>
</div>
<ul class="ulist">
<li><a>java视频下载</a></li>
<li><a>php视频下载</a></li>
<li><a>ios视频下载</a></li>
</ul>

</body>
</html>
<script>

var oDiv = document.getElementsByTagName('div')[0];
var oUl = document.getElementsByTagName('ul')[0];

   oDiv.onclick = function(){


   if(oUl.style.display = 'none'){
   oUl.style.display = 'block';
   }else{
   oUl.style.display = 'none';
   }

   }

</script>

帐号		自动登录	找回密码
密码			加入黑马