<HTML><HEAD><title>漂亮的下拉框</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><SCRIPT>// Viaselect Environment Constantsvar SS_ENV = new Object();SS_ENV.IE_Version = new Number(((window.navigator.appVersion.split('; '))[1].split(' '))[1]);SS_ENV.CR = new Object();SS_ENV.CR.ReverseBackground = '#E2519C';SS_ENV.CR.ReverseText = 'white';SS_ENV.CR.Border = '#D55C9A';SS_ENV.CR.BorderActive = '#FF6CB7';SS_ENV.ImgPrefix = 'http://www.viafriend.com/images';SS_ENV.DefaultHeight = 20;SS_ENV.ButtonWidth = 13;SS_ENV.OptionsDivStyle = '' ' display:none;' ' z-index:10;' ' position:absolute;' ' border:1 solid ' SS_ENV.CR.Border ';' ' background-color:white;' ' scrollbar-face-color:#D4D0C8;' ' scrollbar-shadow-color:white;' ' scrollbar-highlight-color:#F6F5F4;' ' scrollbar-3dlight-color:white' ' scrollbar-darkshadow-color:#86837E;' ' scrollbar-track-color:#F6F5F4;' ' scrollbar-arrow-color:#86837E;';SS_ENV.OptionNobrStyle = '' ' font-size:12px;' ' font-family:奔覆;';// Sayselect Variablesvar SS_VAR = new Object();SS_VAR.DivDummy = document.createElement("DIV");SS_VAR.SelectList = new Array();SS_VAR.bEventAttached = false;
var SS_CreatedElements = new Object();
function unloadObjects(){ try { if (SS_VAR && SS_VAR.SelectList) { for (key in SS_VAR.SelectList) {if (SS_VAR.SelectList[key]){ try { SS_VAR.SelectList[key].select.setAttribute('SS', 0); } catch (e) {}; delete SS_VAR.SelectList[key];} } } } catch (e) {};}
attachEvent("onunload", unloadObjects);
function SS_create (srcHTML, ListMax, bAutoDetect){ // property this.ssID = SS_VAR.SelectList.length; this.bOriginalselect = (bAutoDetect && SS_ENV.IE_Version < 5.5); this.select = SS_createElement(srcHTML); this.selectedIndex = this.select.selectedIndex; this.options = this.select.options; this.width = parseInt(this.select.style.width); this.height = (this.select.style.height) ? parseInt(this.select.style.height) : SS_ENV.DefaultHeight; this.OptionHeight = this.height - 4; this.bListDown = (ListMax && '-'==ListMax.toString().substr(0, 1)) ? false : true; this.ListMax = (!isNaN(parseInt(ListMax))) ? Math.abs(ListMax) : 100;
this.Table; this.TitleDiv; this.TitleTable; this.TitleWrapper; this.OptionsDiv; this.OptionsWrapper; this.OptionsTable; this.bFocused = false; this.bExpanded = false; this.bReverse = false;
// private method this.isThisEventToBeCanceled = SS_isThisEventToBeCanceled; this.toggleTitle = SS_toggleTitle; this.syncSelectedIndex = SS_syncSelectedIndex; this.toggleOptions = SS_toggleOptions; this.turnOnOption = SS_turnOnOption; this.turnOffOption = SS_turnOffOption; this.handleMousewheel = SS_handleMousewheel; this.handleOverTitle = SS_handleOverTitle; this.handleOutTitle = SS_handleOutTitle; this.handleOverOption = SS_handleOverOption; this.createTable = SS_createTable; this.createTitleDiv = SS_createTitleDiv; this.createOptionsDiv = SS_createOptionsDiv; this.createOptionTr = SS_createOptionTr; this.adjustOptionsDiv = SS_adjustOptionsDiv; this.syncOptions = SS_syncOptions; this.pressOption = SS_pressOption; this.moveOption = SS_moveOption; this.releaseOption = SS_releaseOption; this.pressTitle = SS_pressTitle; this.releaseTitle = SS_releaseTitle;
// public method this.display = SS_display; this.insertOption = SS_insertOption; this.deleteOption = SS_deleteOption; this.changeOption = SS_changeOption;
// initiate this.createTable(); this.select.setAttribute('SS', this); if (!this.bOriginalSelect) this.select.onpropertychange = SS_handlePropertychange; SS_VAR.SelectList[this.ssID] = this;}function SS_display (){ document.write("<div id=SS_TempDiv></div>\n"); document.all.SS_TempDiv.appendChild(this.Table); document.all.SS_TempDiv.removeNode();}function SS_write (srcHTML, ListMax, bAutoDetect){ var oSS = new SS_create(srcHTML, ListMax, bAutoDetect); oSS.display(); return oSS;}function SS_insertOption (value, innerText, idx){ var NewOption = document.createElement("OPTION"); SS_CreatedElements[SS_CreatedElements.length] = NewOption; this.options.add(NewOption, idx); NewOption.innerText = innerText; NewOption.value = value;
if (!this.bOriginalSelect) this.createOptionTr(idx); this.syncOptions(); this.adjustOptionsDiv(); this.syncSelectedIndex();}function SS_deleteOption (idx){ this.options.remove(idx); if (!this.bOriginalSelect) this.OptionsTable.deleteRow(idx); this.syncOptions(); this.adjustOptionsDiv(); this.syncSelectedIndex();}function SS_changeOption (idx, value, innerText){ this.options[idx].value = value; this.options[idx].innerText = innerText; this.syncOptions(); this.syncSelectedIndex();}
function SS_cancelEvent (event){ event.cancelBubble = true; event.returnValue = false;}function SS_isThisEventToBeCanceled (event){ if ('object' == typeof(event)) { switch (event.type) { case 'mousedown': if (!(event.button & 1)) return true; break; case 'mouseup': if (!(event.button & 1)) return true; if (SS_ENV.IE_Version >= 5.5 && event.srcElement != this.srcElementOfLastMousedown && this.srcElementOfLastMousedown != null) { this.srcElementOfLastMousedown = null; return true; } break; case 'mouseout': if (!(SS_ENV.IE_Version < 5.5 && event.srcElement == this.srcElementOfLastMousedown)) return true; break; case 'mousemove': if (SS_ENV.IE_Version >= 5.5 && event.srcElement != this.srcElementOfLastMousedown && this.srcElementOfLastMousedown != null) return true; break; } } return false;}function SS_createElement (html){ SS_VAR.DivDummy.insertAdjacentHTML('afterBegin', html); var oEl = SS_VAR.DivDummy.children(0); while (SS_VAR.DivDummy.children.length > 0) { SS_VAR.DivDummy.removeChild(SS_VAR.DivDummy.children(0)); } return oEl;}function SS_blurExcept (except){ SS_cancelEvent(window.event);
except = ('number'==typeof(except)) ? except : -1;
var bHasToDetachEvent = true; for (var i=0; i < SS_VAR.SelectList.length; i ) { if (-1==except && SS_VAR.SelectList[i].bFocused && SS_VAR.SelectList[i].bExpanded) { SS_VAR.SelectList[i].toggleOptions(false, true); SS_VAR.SelectList[i].toggleTitle(true); bHasToDetachEvent = false; } else if (i!=except) { if (SS_VAR.SelectList[i].bExpanded) SS_VAR.SelectList[i].toggleOptions(false, true); if (SS_VAR.SelectList[i].bReverse) SS_VAR.SelectList[i].toggleTitle(false); SS_VAR.SelectList[i].bFocused = false; } }
if (SS_VAR.bEventAttached && bHasToDetachEvent) { document.detachEvent('onmousedown', SS_blurExcept); document.detachEvent('ondblclick', SS_blurExcept); SS_VAR.bEventAttached = false; }}function SS_syncSelectedIndex (){ this.selectedIndex = this.select.selectedIndex;
if (this.bOriginalSelect) return;
if (this.TitleTable.cells(0).childNodes(0).innerText != this.options[this.selectedIndex].innerText) this.TitleTable.cells(0).childNodes(0).innerText = this.options[this.selectedIndex].innerText; if (this.bExpanded) this.toggleOptions(false);}function SS_toggleTitle (bReverse){ this.bReverse = ('undefined'!=typeof(bReverse)) ? bReverse: (!this.bReverse); this.TitleTable.cells(0).style.backgroundColor = this.bReverse ? SS_ENV.CR.ReverseBackground : ''; this.TitleTable.cells(0).style.color = this.bReverse ? SS_ENV.CR.ReverseText : '';}function SS_toggleOptions (bExpanded, bStrict){ if (!bStrict && !this.bFocused) { SS_blurExcept(this.ssID); } this.bExpanded = ('undefined'!=typeof(bExpanded)) ? bExpanded: (!this.bExpanded); if (this.bExpanded) { this.adjustOptionsDiv(); this.OptionsDiv.style.display = 'block'; if (!bStrict) { this.toggleTitle(false); this.handleOverOption(this.selectedIndex); } this.handleOutTitle(); } else { this.OptionsDiv.style.display = 'none'; if (!bStrict) { this.toggleTitle(true); } } if (!bStrict) { this.bFocused = true;
if (!SS_VAR.bEventAttached) { document.attachEvent('onmousedown', SS_blurExcept); document.attachEvent('ondblclick', SS_blurExcept); SS_VAR.bEventAttached = true; } }}function SS_handlePropertychange (){ if ('propertychange'==window.event.type && 'selectedIndex'==window.event.propertyName) { var oSS = window.event.srcElement.SS; oSS.syncSelectedIndex();
if (null != oSS.select.onchange) oSS.select.onchange(); }}function SS_handleMousewheel (event){ var idx = this.selectedIndex; if ('mousewheel'==event.type && this.bFocused && this.bReverse) { for (var i=0; i < event.wheelDelta; i = 120) idx--; for (var i=0; i > event.wheelDelta; i -= 120) idx ; } idx = Math.max(idx, 0); idx = Math.min(idx, this.options.length - 1); this.sel
收 藏
投 稿
繁 体
RSS 
欢迎在本站发布信息，在线投递稿件
我要投稿
打印本文
推荐本文
加入收藏
返回顶部
关闭窗口
