javascript中下拉框的示例代码
星期六快乐社区,我已经建立了我的第一个网站,并学习了大量关于css、javascript、php、mvc框架等的知识。有谁能帮我用一个下拉框,比如一些bootsrap示例。。。。差不多javascript中下拉框的示例代码,javascript,Javascript,星期六快乐社区,我已经建立了我的第一个网站,并学习了大量关于css、javascript、php、mvc框架等的知识。有谁能帮我用一个下拉框,比如一些bootsrap示例。。。。差不多 --------------------------- | HEADER +| --------------------------- --------------------------- | HEADER -| --------
---------------------------
| HEADER +|
---------------------------
---------------------------
| HEADER -|
---------------------------
---------------------------
---------------------------
----------------------------
编辑:
扩展后???您可以使用jQuery轻松地完成此操作。但主要的想法是切换标题中某个元素的display属性,例如用于制作导航栏的 工作示例:确保单击“+”符号
<div id="header">
<h1>Header <span id="adjust">+</span></h1>
<ul>
<li>Nav1</li><li>Nav2</li><li>Nav3</li><li>Nav4</li>
</ul>
</div>
#header { width: 500px;}
h1 { text-align: center; }
h1 #adjust {vertical-align: super; font-size: 20px; color: red; cursor: pointer;}
ul { height: 100px; list-style: none; display: none;}
li { float: left; width: 25%;}
$('#adjust').click(function() {
$('ul').toggle();
var cval = $('#adjust').html();
$('#adjust').html(cval == '+' ? '-' : '+');
});
请分享您可能尝试过的代码,然后问一个问题:“我只知道如何获得常规的下拉菜单,就像您单击了浏览器顶部菜单栏上的按钮一样。”。但是,我只想要一个标题,标题中有一个“+”扩展为下拉列表。。如果你知道的话,为什么不使用bootstrap呢?
<div id="header">
<h1>Header <span id="adjust">+</span></h1>
<ul>
<li>Nav1</li><li>Nav2</li><li>Nav3</li><li>Nav4</li>
</ul>
</div>
#header { width: 500px;}
h1 { text-align: center; }
h1 #adjust {vertical-align: super; font-size: 20px; color: red; cursor: pointer;}
ul { height: 100px; list-style: none; display: none;}
li { float: left; width: 25%;}
$('#adjust').click(function() {
$('ul').toggle();
var cval = $('#adjust').html();
$('#adjust').html(cval == '+' ? '-' : '+');
});