像ie浏览器主页的那种像select的上拉式的按钮如何用html和js写出来
日期：2014-05-16 浏览次数：20333 次
像ie浏览器主页的那种像select的下拉式的按钮怎么用html和js写出来
就像 myeclipse 运行，debug的按钮那种像html的select的下拉式的导航栏。。。。
当前默认一个单击触发事件，点击旁边的下拉，显示下拉选项点击下拉列表的某个选项事件触发
------解决方案--------------------
楼主说的什么？
就像 myeclipse 运行，debug的按钮那种像html的select的下拉式的导航栏。。。。
当前默认一个单击触发事件，点击旁边的下拉，显示下拉选项点击下拉列表的某个选项事件触发
------解决方案--------------------
楼主说的什么？
- HTML code
<input type="button" value="点击" onclick="document.getElementById('sel').style.display='block'"/>
<select id="sel" style="width:auto;display:none" >
<option value="1">onmouseover</option>
<option value="2">onmouseout</option>
<option value="3">onfocus</option>
<option value="4">onblur</option>
</select>
<script>
document.getElementById('sel').onchange=function(){
var x=["","onmouseover","onmouseout","onfocus","onblur"];
alert(x[this.value]);
}
</script>
------解决方案--------------------
网上搜下下拉列表，有很多的。
这是个最简单的
- HTML code
<html>
<head>
<script type="text/javascript">
var i = 0;
function method(){
var contentTag = document.getElementById("content");
if(i==0){
contentTag.style.display="";//display=""是把div显示出来
i = 1;
}else if(i==1){
contentTag.style.display="none";//display="none"是把div不显示出来
i = 0;
}
}
</script>
<title>Haha</title>
</head>
<body>
<center>
<span id="dw" onclick="method();">点我试试</span>
<div id="content" style="display:none;width:50px;height:100px;background-color:#dde3ec">
<a href="#">连接1</a>
<a href="#">连接2</a>
<a href="#">连接3</a>
</div>
</center>
</body>
</html>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
