此Jquery插件是一款非常好看的下拉框作品,名称为:Jquery.ui.selectmenu,一直以来,下载框美化样式都是搞前端人员的头痛之一,用样式很难控制他的外面,各浏览器之间也不是很兼容,今天把这个作品整理出来分享给大家用,希望可以帮到大家,不需要再为下拉框的美化而烦恼。
使用很简单,步骤如下:
1、引入插件文件和样式文件
2、页面上每个下拉框的HTML代码如下:
<div class="select-wrapper wide">
<select class="select-receiver" id="contact-form-receiver" name="receiver">
<option value="http://www.jq-school.com">JquerySchool</option>
<option value="http://www.jq-school.com/Article.aspx">Jquery插件</option>
<option value="http://www.jq-school.com/Jquery.aspx">Jquery学堂</option>
<option value="http://www.jq-school.com/Material.aspx">学习资料库</option>
<option value="http://www.jq-school.com/Feedback.aspx">在线留言</option>
</select>
</div>
简单的2个步骤就可以了,大家下载下来好好看一下哦。。。
效果如下:
如果您觉得本作品对您的学习有所帮助:
关键字:
Jquery.ui selectmenu 下拉框 二级菜单 导航菜单