作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
快乐星期六社区,我一直在构建我的第一个网站,并且学到了大量有关 css、javascript、php、mvc 框架等的知识。任何人都可以帮助我使用下拉框(例如一些 bootsrap 示例......类似
) ---------------------------
| HEADER +|
---------------------------
---------------------------
| HEADER -|
---------------------------
---------------------------
---------------------------
----------------------------
编辑:
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
<li><a tabindex="-1" href="#">Action</a></li>
<li><a tabindex="-1" href="#">Another action</a></li>
<li><a tabindex="-1" href="#">Something else here</a></li>
<li class="divider"></li>
<li><a tabindex="-1" href="#">Separated link</a></li>
</ul>
展开时???
最佳答案
您可以使用 jQuery 轻松完成此操作。但主要思想是切换标题内元素的显示属性 <div>
,例如<ul>
您可以用它来制作导航栏。
工作示例:http://jsfiddle.net/Kk78h/ (确保点击“+”号。)
<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 == '+' ? '-' : '+');
});
关于javascript - JavaScript 中下拉框的示例代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15314927/
前文链接: Spring复杂的BeanFactory继承体系该如何理解? ----上 Spring复杂的BeanFactory继承体系该如何理解? ----中 Spring IoC容器 Applica
我正在努力实现这个目标 | Div | |Div nav wrapper| | logo | |con
我正在尝试从下拉菜单中的链接进行模式启动。模态似乎启动了(网站变灰),但看不到。来自不在下拉列表中的常规链接的模式工作得很好。我愚弄了 jquery,但由于我是 jquery 的新手,所以没有任何结果
我是一名优秀的程序员,十分优秀!