您现在的位置:爱折腾>> web>>正文内容

非常好看的Jquery.ui.selectmenu下载框插件

Jquery插件是一款非常好看的下拉框作品,名称为:Jquery.ui.selectmenu,一直以来,下载框美化样式都是搞前端人员的头痛之一,用样式很难控制他的外面,各浏览器之间也不是很兼容,今天把这个作品整理出来分享给大家用,希望可以帮到大家,不需要再为下拉框的美化而烦恼。 

使用很简单,步骤如下:

1、引入插件文件和样式文件

2、页面上每个下拉框的HTML代码如下: 

  1. <div class="select-wrapper wide"> 
  2. <select class="select-receiver" id="contact-form-receiver" name="receiver"> 
  3.   <option value="http://www.jq-school.com">JquerySchool</option> 
  4.   <option value="http://www.jq-school.com/Article.aspx">Jquery插件</option> 
  5.   <option value="http://www.jq-school.com/Jquery.aspx">Jquery学堂</option> 
  6.   <option value="http://www.jq-school.com/Material.aspx">学习资料库</option> 
  7.   <option value="http://www.jq-school.com/Feedback.aspx">在线留言</option> 
  8. </select> 
  9. </div> 

 

简单的2个步骤就可以了,大家下载下来好好看一下哦。 

效果如下:

非常好看的Jquery.ui.selectmenu下载框插件

 预览

下载

相关文章