bootstrap 下拉更换样式。

最近在写点击下拉选 更改样式。找到了bootstrap的下拉选。

首先准备工作，下载bootstrap min.js 和 bootstrap min.css 这两个文件

然后引入项目、在你需要的jsp页面引入。

之后在根据你实际工作的位置加上这段即可

      <!--  kaishi -->
                    <ul style="position:absolute;left:175px;top:-4px;bottom:130px;right:10px">
                <li class="dropdown">
				<a title="更换皮肤" href="#" class="dropdown-toggle" data-toggle="dropdown">
					<img src="${ctx}<%=stylePath%>/images/Setup.png">
				</a>
				<ul id="ulandli" class="dropdown-menu">
					<li><a href="#">jmeter</a></li>
					<li><a href="#">EJB</a></li>
					<li><a href="#">Jasper Report</a></li>
					<li class="divider"></li>
					<li><a href="#">分离的链接</a></li>
					<li class="divider"></li>
					<li><a href="#">另一个分离的链接</a></li>
				</ul>
			</li>   
               </ul> 
                <!--  jieshu -->
        
        

当然 ul 里面位置是我调的，你们可以 根据自己调整一下

页面的效果。

点击时候 出来这样一个框。可以根据自己需要更改了