您好,欢迎来到12图资源库!分享精神,快乐你我!我们只是素材的搬运工!!
  • 首 页
  • 当前位置:首页 > 网站教程 > 网页设计 >
    去掉了灰色倒三角的漂亮下拉列表
    时间:2016-07-10 10:03 来源: 作者: 浏览:收藏 挑错 推荐 打印

    <HTML>
    <HEAD><title>漂亮的下拉框</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <SCRIPT>
    // ViaSelect Environment Constants
    var 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 Variables
    var 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;

    (责任编辑:12图资源库)