;(function($){
$.fn.extend({
iSelect: function(options){
var iset = {
name: $('.selectitem'), //容器
select: $('.selectitem>dl'), //dl列表
dropCss: 'drop', //收藏狀態(tài)dt的樣式
shrinkCss: 'shrink', //展開狀態(tài)dt的樣式
hoverCss: 'hover', //鼠標(biāo)劃過dd時(shí)的樣式
clearTime: 100, //允許用戶快速劃過不觸發(fā)的時(shí)間(ms)
dropTime: 100, //展開時(shí)間(ms)
shrinkTime: 100 //收縮時(shí)間(ms)
}
options = options || {};
$.extend(iset, options);
var mainHeight = iset.name.height();//容器高度
var selectHeight = iset.select.height(); //dl實(shí)際高度
var curTxt = iset.select.find('dt').html(); //dt默認(rèn)html內(nèi)容
var self = null;
var hoverElem = null; //避免用戶快速劃過時(shí)觸發(fā)事件
iset.name.each(function(){
$(this).hover(function(){
self = this;
hoverElem = setTimeout(function(){
$(self).stop(true, false).animate({ //鼠標(biāo)劃過時(shí),展開dl
height: selectHeight
}, iset.dropTime);
if ($(self).find('dt').html() == curTxt) { //判斷是否有選擇下拉列表,若無則改變dt樣式
$(self).find('dt').attr('class', iset.dropCss);
}
//dd的鼠標(biāo)事件
$(self).find('dd').mouseover(function(){
$(this).addClass(iset.hoverCss).siblings().removeClass(iset.hoverCss);
}).mousedown(function(){ //鼠標(biāo)點(diǎn)擊時(shí)取值并賦給dt
$(self).find('dt').html($(this).html()).attr('class', $(this).attr('class'));
$(self).stop(true, false).animate({
height: mainHeight
}, iset.shrinkTime);
}).removeClass(iset.hoverCss);
}, iset.clearTime);
}, function(){
//鼠標(biāo)移出后觸發(fā)的事件
clearTimeout(hoverElem);
$(self).stop(true, false).animate({
height: mainHeight
}, iset.shrinkTime);
if ($(self).find('dt').html() == curTxt) {
$(self).find('dt').attr('class', iset.shrinkCss);
}
});
})
}
})
})(jQuery);