收藏

下载资源 加入VIP,免费下载

第1页 / 共24页

第2页 / 共24页

第3页 / 共24页

第4页 / 共24页

第5页 / 共24页

$（function（）{

$（"[name='country']"）.selectbox（{

effect:

"fade"

/*以下可无视注意逗号语法

onOpen:

function（）{

alert（"我要打开了！

"）;

},

onChange:

function（）{

alert（"你选择的值是：

"+$（this）.val（））;

},

onClose:

function（）{

alert（"我关闭了！

"）;

}*/

}）;

$（"[name='position']"）.selectbox（{

effect:

"slide"

}）;

}）;

Jquery.selectbox.css

@charset"utf-8";

*{margin:

0;padding:

0;list-style:

none;border:

none;outline:

none;}

.sbHolder{background-color:

#2d2d2d;border:

solid1px#515151;font-family:

Arial,sans-serif;font-size:

12px;font-weight:

normal;height:

30px;position:

relative;width:

200px;}

.sbHolder:

focus.sbSelector{}

.sbSelector{display:

block;height:

30px;left:

0;line-height:

30px;outline:

none;overflow:

hidden;position:

absolute;text-indent:

10px;top:

0;width:

170px;}

.sbSelector:

link,.sbSelector:

visited,.sbSelector:

hover{color:

#EBB52D;outline:

none;text-decoration:

none;}

.sbToggle{background:

url（../img/select-icons.png）0-116pxno-repeat;display:

block;height:

30px;outline:

none;position:

absolute;right:

0;top:

0;width:

30px;}

.sbToggle:

hover{background:

url（../img/select-icons.png）0-167pxno-repeat;}

.sbToggleOpen{background:

url（../img/select-icons.png）0-16pxno-repeat;}

.sbToggleOpen:

hover{background:

url（../img/select-icons.png）0-66pxno-repeat;}

.sbHolderDisabled{background-color:

#3C3C3C;border:

solid1px#515151;}

.sbHolderDisabled.sbHolder{}

.sbHolderDisabled.sbToggle{}

.sbOptions{background-color:

#212121;border:

solid1px#515151;list-style:

none;left:

-1px;margin:

0;padding:

0;position:

absolute;top:

30px;width:

200px;z-index:

1;overflow-y:

auto;}

.sbOptionsli{padding:

07px;}

.sbOptionsa{border-bottom:

dotted1px#515151;display:

block;outline:

none;padding:

7px07px3px;}

.sbOptionsa:

link,.sbOptionsa:

visited{color:

#ddd;text-decoration:

none;}

.sbOptionsa:

hover,

.sbOptionsa:

focus,

.sbOptionsa.sbFocus{color:

#EBB52D;}

.sbOptionsli.lasta{border-bottom:

none;}

.sbOptions.sbDisabled{border-bottom:

dotted1px#515151;color:

#999;display:

block;padding:

7px07px3px;}

.sbOptions.sbGroup{border-bottom:

dotted1px#515151;color:

#EBB52D;display:

block;font-weight:

bold;padding:

7px07px3px;}

.sbOptions.sbSub{padding-left:

17px;}

Jquery.selectbox-0.2.js

/*!

*jQuerySelectboxplugin0.2

*Downloadfrom

*/

（function（$,undefined）{

varPROP_NAME='selectbox',

FALSE=false,

TRUE=true;

functionSelectbox（）{

this._state=[];

this._defaults={//Globaldefaultsforalltheselectboxinstances

classHolder:

"sbHolder",

classHolderDisabled:

"sbHolderDisabled",

classSelector:

"sbSelector",

classOptions:

"sbOptions",

classGroup:

"sbGroup",

classSub:

"sbSub",

classDisabled:

"sbDisabled",

classToggleOpen:

"sbToggleOpen",

classToggle:

"sbToggle",

classFocus:

"sbFocus",

speed:

200,

effect:

"slide",//"slide"or"fade"

onChange:

null,//Defineacallbackfunctionwhentheselectboxischanged

onOpen:

null,//Defineacallbackfunctionwhentheselectboxisopen

onClose:

null//Defineacallbackfunctionwhentheselectboxisclosed

};

}

console.log（"\u767e\u5ea6\u641c\u7d22\u3010\u7d20\u6750\u5bb6\u56ed\u3011\u4e0b\u8f7d\u66f4\u591aJS\u7279\u6548\u4ee3\u7801"）;

$.extend（Selectbox.prototype,{

/**

*IsthefirstfieldinajQuerycollectionopenasaselectbox

*

*@param{Object}target

*@return{Boolean}

*/

_isOpenSelectbox:

function（target）{

if（!

target）{

returnFALSE;

}

varinst=this._getInst（target）;

returninst.isOpen;

},

/**

*IsthefirstfieldinajQuerycollectiondisabledasaselectbox

*

*@param{HTMLElement}target

*@return{Boolean}

*/

_isDisabledSelectbox:

function（target）{

if（!

target）{

returnFALSE;

}

varinst=this._getInst（target）;

returninst.isDisabled;

},

/**

*AttachtheselectboxtoajQueryselection.

*

*@param{HTMLElement}target

*@param{Object}settings

*/

_attachSelectbox:

function（target,settings）{

if（this._getInst（target））{

returnFALSE;

}

var$target=$（target）,

self=this,

inst=self._newInst（$target）,

sbHolder,sbSelector,sbToggle,sbOptions,

s=FALSE,optGroup=$target.find（"optgroup"）,opts=$target.find（"option"）,olen=opts.length;

$target.attr（"sb",inst.uid）;

$.extend（inst.settings,self._defaults,settings）;

self._state[inst.uid]=FALSE;

$target.hide（）;

functioncloseOthers（）{

varkey,sel,

uid=this.attr（"id"）.split（"_"）[1];

for（keyinself._state）{

if（key!

==uid）{

if（self._state.hasOwnProperty（key））{

sel=$（"select[sb='"+key+"']"）[0];

if（sel）{

self._closeSelectbox（sel）;

}

}

}

}

}

sbHolder=$（"