首先非常感谢网友Null的无私分享，此Jquery插件是一款自定义下拉菜单作品，自带了5个不同风格的下拉菜单效果，每一种风格都比传的下拉框好看，网友们好好利用哦。。。
核心代码如下：
function DropDown(el) {
this.dd = el;
this.placeholder = this.dd.children('span');
this.opts = this.dd.find('ul.dropdown > li');
this.val = '';
this.index = -1;
this.initEvents();
}
DropDown.prototype = {
initEvents : function() {
var obj = this;
obj.dd.on('click', function(event){
$(this).toggleClass('active');
return false;
});
obj.opts.on('click',function(){
var opt = $(this);
obj.val = opt.text();
obj.index = opt.index();
obj.placeholder.text('Gender: ' + obj.val);
});
},
getValue : function() {
return this.val;
},
getIndex : function() {
return this.index;
}
}
效果如下：
如果您觉得本作品对您的学习有所帮助：
关键字：
网友Null 下拉框 二级菜单 导航菜单 弹出层 消息提示 提示插件 三级联动