像ie浏览器主页的那种像select的上拉式的按钮如何用html和js写出来 _JavaScript

像ie浏览器主页的那种像select的下拉式的按钮怎么用html和js写出来
就像 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>