当前位置: 首页 > 图文教程 > 网页制作 > Dreamweaver > 去掉了灰色倒三角的漂亮下拉列表

Dreamweaver
网页设计赏析:易趣网店首页布局分析
Dreamweaver 8 新功能抢先预览
Dreamweaver 8中文版图文快报
分栏及回复的实现-Dreamweaver构建Blog
站点统计-Dreamweaver构建Blog
构建开发环境-Dreamweaver构建Blog
Dreamweaver 8 BETA2版新功能图文快报
站内搜索的实现-Dreamweaver构建BlogBLOG
数据库的设计和连接-Dreamweaver构建Blog
用户注册的实现-Dreamweaver构建Blog
构建Blog全程实录-Dreamweaver构建Blog
首页的实现-Dreamweaver构建Blog
管理员页面的实现-Dreamweaver构建Blog全程实录
巧用Dreamweaver制作复杂交换图像
Dreamweaver MX全新接触(上)
用Dreamweaver为网页图像添特效
用Dreamweaver描摹图像
寻找Dreamweaver鲜为人知的小秘诀
用Dreamweaver制作拖拽效果
用Dreamweaver进行网页优化

Dreamweaver 中的 去掉了灰色倒三角的漂亮下拉列表


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-23   浏览: 26 ::
收藏到网摘: n/a

<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('; ')).split(' ')));
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;
 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.rel