首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

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

2012-07-29 
像ie浏览器主页的那种像select的下拉式的按钮怎么用html和js写出来就像 myeclipse 运行,debug的按钮那种像

像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> 

热点排行