<html>
<head>
<title></title>
<style>
ul{
list-style-type:none;
border:1px solid #ff00cc;
width:60px;height:90px;
padding:10px;
background:#aa77cc;
text-align:center;
}
div{
text-align:center;
}
</style>
<script type="text/javascript">
window.onload=function ()
{
var oBtn=document.getElementById('btn');
var oUll=document.getElementById('ull');
var oLi=document.getElementsByTagName('li');
oBtn.onclick=function ()
{
if(oUll.style.display=='block')
{
oUll.style.display='none';
}
else
{
oUll.style.display='block';
}
}
if(oUll.style.display=='block')
{
for(var i=0;i<oLi.length;i++)
{
oLi[i].onclick=function ()
{
oBtn.innerHTML=this.value;
oUll.style.display=='';
}
}
}
}
</script>
</head>
<body>
<div id="box">
<p id="btn">输入法</p>
<ul id="ull" style="display:none">
<li value="手写"><a href="#">手写</a></li>
<li value="拼音"><a href="#">拼音</a></li>
<li value="输入法"><a href="#">关闭</a></li>
</ul>
</div>
</body>
</html>
js 最後 oUll.style.display==''; 是不對的吧
额、、、我发现了,是不对,但是问题还是没有解决哦、、、
调试一下,或者添加一些弹出的对话框。看是否有调用。