Boostrap实现下拉框改变样式
来源:互联网 发布:货物数量记账软件 编辑:程序博客网 时间:2024/04/28 02:03
<div class="dropdown">
<button type="button" class="btn dropdown-toggle" id="dropdownMenu1"
data-toggle="dropdown">
主题
<span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
<li role="presentation">
<a role="menuitem" tabindex="-1" href="#">Java</a>
</li>
<li role="presentation">
<a role="menuitem" tabindex="-1" href="#">数据挖掘</a>
</li>
<li role="presentation">
<a role="menuitem" tabindex="-1" href="#">数据通信/网络</a>
</li>
<li role="presentation" class="divider"></li>
<li role="presentation">
<a role="menuitem" tabindex="-1" href="#">分离的链接</a>
</li>
</ul>
</div>
</body>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(function(){
$(".dropdown a").click(function(){
$("#dropdownMenu1").html(this.innerHTML+'<span class="caret"></span>')
});
})
</script>
</html>
<button type="button" class="btn dropdown-toggle" id="dropdownMenu1"
data-toggle="dropdown">
主题
<span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
<li role="presentation">
<a role="menuitem" tabindex="-1" href="#">Java</a>
</li>
<li role="presentation">
<a role="menuitem" tabindex="-1" href="#">数据挖掘</a>
</li>
<li role="presentation">
<a role="menuitem" tabindex="-1" href="#">数据通信/网络</a>
</li>
<li role="presentation" class="divider"></li>
<li role="presentation">
<a role="menuitem" tabindex="-1" href="#">分离的链接</a>
</li>
</ul>
</div>
</body>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(function(){
$(".dropdown a").click(function(){
$("#dropdownMenu1").html(this.innerHTML+'<span class="caret"></span>')
});
})
</script>
</html>
阅读全文
0 0
- Boostrap实现下拉框改变样式
- 改变html默认select下拉框的样式
- css改变下拉列表select框的默认样式
- 纯css来改变下拉列表框的样式。
- css 实现自定义下拉框样式
- android中Spinner(下拉框) 自定义样式 可改变 下拉选项的高度
- css改变下拉按钮的样式
- select下拉箭头样式改变问题
- 如何用css样式改变下拉菜单的样式?
- Boostrap入门+样式学习--壹--
- Boostrap入门+样式学习--叁--
- Boostrap入门+样式学习--肆--
- boostrap里面的表格样式
- 鼠标移动实现样式改变
- 下拉框样式
- 用纯css改变下拉列表select框的默认样式
- 用纯css改变下拉列表select框的默认样式
- +++用纯css改变下拉列表select框的默认样式+++
- 学习SSM框架笔记三:SpringIOC和DI
- OpenStack Tacker介绍 -2.openstack tacker的安装
- 52个有效方法阅读笔记二
- 第四周 【项目2
- 数据对接中的安全性保证及接口设计
- Boostrap实现下拉框改变样式
- python的时间格式
- Android零基础入门第70节:ViewPager轻松完成TabHost效果
- 外包项目接包的四大技巧,工程师必学才能赚到钱
- 前端js优化方案(一)
- js获取当前日期的前几天的日期
- 2017/9/28 Java笔记
- sublime text3安装和破解以及汉化和nodejs环境搭建
- spring mvc 基本概念