jQuery Select(单选) 模拟插件 V1.3.62 改进版

　　/*

　　* jQuery Select Plugins v1.3.6.2

　　* Copyright (c) 2009 zhangjingwei

　　* Dual licensed under the MIT and GPL licenses.

　　* Date: 2009-11-17 09:37

　　* Revision: 1.3.6.2

　　* www.leadwit.com-浪子 modify in 2010-07-26 14:26

　　*/

　　(function($){

　　$.fn.extend({

　　sSelect: function() {

　　return this.each(function(i,obj){

　　var selectId = (this.name||this.id)+'__jQSelect'+i||'__jQSelect'+i;

　　if(obj.style.display != 'none' && $(this).parents()[0].id.indexOf('__jQSelect')<0){

　　var tabindex = this.tabIndex||0;

　　$(this).before("<div class='dropdown' id="+selectId+" tabIndex="+tabindex+"></div>").prependTo($("#"+selectId));

　　var selectZindex = $(this).css('z-index'),selectIndex = $('#'+selectId+' option').index($('#'+selectId+' option:selected')[0]);

　　$('#'+selectId).append('<div class="dropselectbox"><h4></h4><ul></ul></div>');

　　$('#'+selectId+' h4').empty().append($('#'+selectId+' option:selected').text());

　　var selectWidth=$('#'+selectId+' select').width();

　　if($.browser.safari){selectWidth = selectWidth+15}

　　$('#'+selectId+' h4').css({width:selectWidth});

　　var selectUlwidth = selectWidth + parseInt($('#'+selectId+' h4').css("padding-left")) + parseInt($('#'+selectId+' h4').css("padding-right"));

　　$('#'+selectId+' ul').css({width:selectUlwidth+'px'});

　　$('#'+selectId+' select').hide();

　　$('#'+selectId+' div').hover(function(){

　　$('#'+selectId+' h4').addClass("over");

　　},function(){

　　$('#'+selectId+' h4').removeClass("over");

　　});

　　var timeobj;

　　$('#'+selectId+' ul').bind("mouseover",function(e){

　　clearTimeout(timeobj);

　　});

　　var click_fun =function(){

　　$('#'+selectId+' h4').addClass("current");

　　$('#'+selectId+' ul').show();

　　var selectZindex = $('#'+selectId).css('z-index');

　　if ($.browser.msie || $.browser.opera){$('.dropdown').css({'position':'relative','z-index':'0'});}

　　$('#'+selectId).css({'position':'relative','z-index':'999'});

　　$.fn.setSelectValue(selectId);

　　selectIndex = $('#'+selectId+' li').index($('.selectedli')[0]);

　　var windowspace = ($(window).scrollTop() + document.documentElement.clientHeight) - $('#'+selectId).offset().top;

　　var ulspace = $('#'+selectId+' ul').outerHeight(true);

　　var windowspace2 = $('#'+selectId).offset().top - $(window).scrollTop() - ulspace;

　　windowspace < ulspace && windowspace2 > 0?$('#'+selectId+' ul').css({top:-ulspace}):$('#'+selectId+' ul').css({top:$('#'+selectId+' h4').outerHeight(true)});

　　$(window).scroll(function(){

　　windowspace = ($(window).scrollTop() + document.documentElement.clientHeight) - $('#'+selectId).offset().top;

　　windowspace < ulspace?$('#'+selectId+' ul').css({top:-ulspace}):$('#'+selectId+' ul').css({top:$('#'+selectId+' h4').outerHeight(true)});

　　});

　　$('#'+selectId+' li').click(function(e){

　　selectIndex = $('#'+selectId+' li').index(this);

　　$.fn.keyDown(selectId,selectIndex);

　　$('#'+selectId+' h4').empty().append($('#'+selectId+' option:selected').text());

　　$.fn.clearSelectMenu(selectId,selectZindex);

　　e.stopPropagation();

　　e.cancelbubble = true;

　　})

　　.hover(

　　function(){

　　$('#'+selectId+' li').removeClass("over");

　　$(this).addClass("over").addClass("selectedli");

　　selectIndex = $('#'+selectId+' li').index(this);

　　},

　　function(){

　　$(this).removeClass("over");

　　}

　　);

　　}

　　$('#'+selectId)

　　.bind("focus",function(){

　　//$.fn.clearSelectMenu(selectId,selectZindex);

　　$('#'+selectId+' h4').addClass("over");

　　})

　　.bind("click",function(e){

　　if($('#'+selectId+' ul').css("display") == 'block'){

　　$.fn.clearSelectMenu(selectId,selectZindex);

　　return false;

　　}else{

　　click_fun();

　　};

　　e.stopPropagation();

　　})

　　.bind("mouseover",function(e){

　　if($('#'+selectId+' ul').css("display") == 'block'){

　　//$.fn.clearSelectMenu(selectId,selectZindex);

　　return false;

　　}else{

　　click_fun();

　　};

　　e.stopPropagation();

　　})

　　.bind("mouseout",function(e){

　　if($('#'+selectId+' ul').css("display") == 'block'){

　　timeobj = setTimeout(function(){

　　$.fn.clearSelectMenu(selectId,selectZindex);

　　},500);

　　return false;

　　}

　　e.stopPropagation();

　　})

　　.bind('mousewheel', function(e,delta) {

　　e.preventDefault();

　　var mousewheel = {

　　$obj : $('#'+selectId+' li.over'),

　　$slength : $('#'+selectId+' option').length,

　　mup:function(){

　　this.$obj.removeClass("over");

　　selectIndex == 0?selectIndex = 0:selectIndex--;

　　$.fn.keyDown(selectId,selectIndex);

　　},

　　mdown:function(){

　　this.$obj.removeClass("over");

　　selectIndex == (this.$slength - 1)?selectIndex = this.$slength - 1:selectIndex ++;

　　$.fn.keyDown(selectId,selectIndex);

　　}

　　}

　　delta>0?mousewheel.mup():mousewheel.mdown();

　　})

　　.bind("dblclick", function(){

　　$.fn.clearSelectMenu(selectId,selectZindex);

　　return false;

　　})

　　.bind("keydown",function(e){

　　$(this).bind('keydown',function(e){

　　if (e.keyCode == 40 || e.keyCode == 38 || e.keyCode == 35 || e.keyCode == 36){

　　return false;

　　}

　　});

　　var $obj = $('#'+selectId+' li.over'),$slength = $('#'+selectId+' option').length;

　　switch(e.keyCode){

　　case 9:

　　return true;

　　break;

　　case 13:

　　//enter

　　$.fn.clearSelectMenu(selectId,selectZindex);

　　break;

　　case 27:

　　//esc

　　$.fn.clearSelectMenu(selectId,selectZindex);

　　break;

　　case 33:

　　$obj.removeClass("over");

　　selectIndex = 0;

　　$.fn.keyDown(selectId,selectIndex);

　　break;

　　case 34:

　　$obj.removeClass("over");

　　selectIndex = ($slength - 1);

　　$.fn.keyDown(selectId,selectIndex);

　　break;

　　case 35:

　　$obj.removeClass("over");

　　selectIndex = ($slength - 1);

　　$.fn.keyDown(selectId,selectIndex);

　　break;

　　case 36:

　　$obj.removeClass("over");

　　selectIndex = 0;

　　$.fn.keyDown(selectId,selectIndex);

　　break;

　　case 38:

　　//up

　　e.preventDefault();

　　$obj.removeClass("over");

　　selectIndex == 0?selectIndex = 0:selectIndex--;

　　$.fn.keyDown(selectId,selectIndex);

　　break;

　　case 40:

　　//down

　　e.preventDefault();

　　$obj.removeClass("over");

　　selectIndex == ($slength - 1)?selectIndex = $slength - 1:selectIndex ++;

　　$.fn.keyDown(selectId,selectIndex);

　　break;

　　default:

　　e.preventDefault();

　　break;

　　};

　　})

　　.bind("blur",function(){

　　$.fn.clearSelectMenu(selectId,selectZindex);

　　return false;

　　})

　　.bind("selectstart",function(){

　　return false;

　　});

　　}else if($(this).parents()[0].id.indexOf('__jQSelect')>0){

　　selectId = $(this).parents()[0].id;

　　$.fn.setSelectValue(selectId);

　　var selectWidth=$('#'+selectId+' select').width();

　　if($.browser.safari){selectWidth = selectWidth+15}

　　$('#'+selectId+' h4').css({width:selectWidth});

　　var selectUlwidth = selectWidth + parseInt($('#'+selectId+' h4').css("padding-left")) + parseInt($('#'+selectId+' h4').css("padding-right"));

　　$('#'+selectId+' ul').css({width:selectUlwidth+'px'});

　　if(this.style.display != 'none'){$(this).hide();}

　　}})},

　　clearSelectMenu:function(selectId,selectZindex){

　　if(selectId != undefined){

　　selectZindex = selectZindex||'auto';

　　$('#'+selectId+' ul').empty().hide();

　　$('#'+selectId+' h4').removeClass("over").removeClass("current");

　　$('#'+selectId).css({'z-index':selectZindex});

　　}

　　},

　　setSelectValue:function(sID){

　　var content = [];

　　$.each($('#'+sID+' option'), function(i){

　　content.push("<li class='FixSelectBrowser'>"+$(this).text()+"</li>");

　　});

　　content = content.join('');

　　$('#'+sID+' ul').html(content);

　　$('#'+sID+' h4').html($('#'+sID+' option:selected').text());

　　$('#'+sID+' li').eq($('#'+sID+' select')[0].selectedIndex).addClass("over").addClass("selectedli");

　　},

　　keyDown:function(sID,selectIndex){

　　var $obj = $('#'+sID+' select');

　　$obj[0].selectedIndex = selectIndex;

　　$obj.change();

　　$('#'+sID+' li:eq('+selectIndex+')').toggleClass("over");

　　$('#'+sID+' h4').html($('#'+sID+' option:selected').text());

　　}

　　});

　　var types = ['DOMMouseScroll', 'mousewheel'];

　　$.event.special.mousewheel = {

　　setup: function() {

　　if ( this.addEventListener )

　　for ( var i=types.length; i; )

　　this.addEventListener( types[--i], handler, false );

　　else

　　this.onmousewheel = handler;

　　},

　　teardown: function() {

　　if ( this.removeEventListener )

　　for ( var i=types.length; i; )

　　this.removeEventListener( types[--i], handler, false );

　　else

　　this.onmousewheel = null;

　　}

　　};

　　$.fn.extend({

　　mousewheel: function(fn) {

　　return fn ? this.bind("mousewheel", fn) : this.trigger("mousewheel");

　　},

　　unmousewheel: function(fn) {

　　return this.unbind("mousewheel", fn);

　　}

　　});

　　function handler(event) {

　　var args = [].slice.call( arguments, 1 ), delta = 0, returnValue = true;

　　event = $.event.fix(event || window.event);

　　event.type = "mousewheel";

　　if ( event.wheelDelta ) delta = event.wheelDelta/120;

　　if ( event.detail ) delta = -event.detail/3;

　　args.unshift(event, delta);

　　return $.event.handle.apply(this, args);

　　}

　　})(jQuery);