提示:一个来自WebFx的脚本，把传统的下拉菜单修改的很Cool，在options选择内可以加入图片，显示提示信息等，比传统的下拉选择菜单漂亮多了！
将下面的代码复制到<head> 内并把相应的脚本文件与CSS文件放到相应的目录下
<link type="text/css" rel="STYLESHEET" href="classic.css">
<script type="text/javascript" src="fade.js"></script>
<script type="text/javascript" src="select.js"></script>
<script type="text/javascript" src="writeSelect.js"></script>


将下面的代码复制到<body> 内
<script>

topArray = new Array();
topArray[0] = new Option('<nobr title="访问无忧脚本主页"><img src="img/home.gif" width=16 height=17 border=0 align="absmiddle"> <span style="font-family: arial black; font-style: italic; font-weight: bold;">51JS.COM</span> Home</nobr>', "http://www.51js.com");
topArray[1] = new Option('<nobr title="JavaScript实例宝库"><img src="img/htmlicon.gif" width=16 height=16 border=0 align="absmiddle"> 脚本实例宝库</nobr>', "http://www.51js.com/js.php");
topArray[2] = new Option('<nobr><img src="img/htmlicon.gif" width=16 height=16 border=0 align="absmiddle"> 提示资料库</nobr>', "http://www.51js.com/article.php");

writeSelectBox(topArray, "select2", 1, "window.open(this.options[this.selectedIndex].value, '_blank')", "margin-left: 10; width: 150;");

</script>

添加新options
[代码]
topArray[3] = new Option('<nobr><img src="img/htmlicon.gif" width=16 height=16 border=0 align="absmiddle"> 显示的代码 </nobr>', "/article.php");

[解析]
topArray[项目号码] new Option('显示的html代码，可以写上你的项目内容','选择的值')

显示我的选择
[代码]
writeSelectBox(topArray, "select2", 1, "window.open(this.options[this.selectedIndex].value, '_blank')", "margin-left: 10; width: 150;");

[解析]
// topArray：就是你上段定义的项目数组名字
// select2： id号码
// 1 :大小
// window.open(this.options[this.selectedIndex].value, '_blank') : onChang时触发的操作
// margin-left: 10; width: 150 : option的显示风格