一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

jquery 下拉菜单niceForm插件,支持单选和多选

时间:2013-09-04 编辑:简简单单 来源:一聚教程网

jquery+%CF%C2%C0%AD%B2%CB%B5%A5/" target="_blank">jquery 下拉菜单插件

使用方法

 代码如下 复制代码

$(function(){
   //调用方式
   $("select").niceForm({
   eventType:'click',  //默认为单击事件
  change:function(){} //下拉菜单发生change事件时触发的回调函数
      });

});

html代码如下定义:

(html部分和平常写的方式一样,其中data-width用来自定义宽度)

单选菜单

 代码如下 复制代码

多选菜单

 代码如下 复制代码

实例

 代码如下 复制代码




无标题文档






//下拉框美化





单选菜单











多选菜单



 

友情提示,实例中的jquery与nicform插件大家要到官方下载之后才可以,本文章只提供实例不提供效果。

热门栏目