像ie浏览器主页的那种像select的下拉式的按钮怎么用html和js写出来

等待的猫 2011-09-06 04:05:51

就像 myeclipse 运行，debug的按钮那种像html的select的下拉式的导航栏。。。。

当前默认一个单击触发事件，点击旁边的下拉，显示下拉选项点击下拉列表的某个选项事件触发

...全文

245 7 打赏收藏转发到动态举报

写回复

用AI写文章

7 条回复

切换为时间正序

请发表友善的回复…

发表回复

等待的猫 2011-09-06

打赏
举报

[Quote=引用 4 楼 sdh870680601 的回复:]
引用 2 楼 blue_lg 的回复:
楼主说的什么？

HTML code

<input type="button" value="点击" onclick="document.getElementById('sel').style.display='block'"/>
<select id="sel" style="width:auto;display:none" >
<op……
[/Quote]
类似吧。。。不过我要的是那种下拉式的就是我当前默认一个，其他的用下拉，当前的像按钮一样
像

求摸小手 2011-09-06

打赏
举报

你的意思是下拉菜单的意思吧。。
用div写一个即可。。

niuniu20008 2011-09-06

打赏
举报

网上搜下下拉列表，有很多的。
这是个最简单的



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

等待的猫 2011-09-06

打赏
举报

[Quote=引用 2 楼 blue_lg 的回复:]
楼主说的什么？

HTML code

<input type="button" value="点击" onclick="document.getElementById('sel').style.display='block'"/>
<select id="sel" style="width:auto;display:none" >
<option value="1"……
[/Quote]
1 ie，firefox，360 浏览器
2 浏览器的右上角有木有像下拉列表一样的按钮
就是那个像下拉列表的按钮用js和html怎么写

等待的猫 2011-09-06

打赏
举报

[Quote=引用楼主 sdh870680601 的回复:]
就像 myeclipse 运行，debug的按钮那种像html的select的下拉式的导航栏。。。。

当前默认一个单击触发事件，点击旁边的下拉，显示下拉选项点击下拉列表的某个选项事件触发
[/Quote]

1 ie，firefox，360 浏览器有木有
2 浏览器的右上角有木有像下拉列表一样的按钮有木有

就是那个像下拉列表的按钮是怎么写的

BLUE_LG 2011-09-06

打赏
举报

楼主说的什么？



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

是不是这个意思？？