<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>MrxSelect Class</title>
<script type="text/javascript" src="mSelect.js"></script>
<script type="text/javascript">
window.onload=function() {
mFormat('redLine');
mFormat('blueCircle');
mFormat('orangeHeart');
/*
为什么要这样呢，因为我想格不格由你自己控制，而不是加载了JS就把SELECT全给格了
理论上是你自己改样式文件就可以增加N种风格的
然后，本实例在FF CHROME OPERA SAFARI IE6 7 8正常通过
最后，作者是AngusYoung
*/
}
</script>
</head>
<body style="text-align:center;background-color:#CFDFEF">
<h2>来玩正式的咯，提交表单吧！</h2>
<form name="goodjob" action="" method="get">
<p>填写你的姓名：<input name="testname" type="text" /></p>
<p>选择你的性别：
<select name="sexy" mSty="orangeHeart">
<option>保密</option>
<option value="0">女</option>
<option value="1">男</option>
</select>
</p>
<p>选择你的地址：
<select name="addr" mSty="blueCircle" onchange="alert('你选择的地址是'+this.options[this.selectedIndex].text+'对吧？');">
<option>火星</option>
<option value="GZ">广州</option>
<option value="SZ" selected="selected">深圳</option>
<option value="ST">汕头</option>
<option value="DG">东莞</option>
<option value="ZH">珠海</option>
</select>
</p>
<p>选择你的年龄：
<select name="age" mSty="redLine">
<option value="18-25">18-25</option>
<option value="25-30" selected="selected">25-30</option>
<option value="30-40">30-40</option>
</select>
</p>
<p><button type="submit"> 提 交 </button></p>
</form>
</body>
</html>
下拉框美化 美丽的下拉框
需积分: 49 29 浏览量
2010-09-07
21:48:41
上传
评论
收藏 6KB RAR 举报
Ay_下拉框美化实例(支持原下拉的onchange事件和默认选项).rar （6个子文件） 
Ay_下拉框美化实例(支持原下拉的onchange事件和默认选项) 
blueCircle_bg.gif 315B orangeHeart_bg.gif 300B redLine_bg.gif 1KB
mSelect.js 2KB mSelect.css 3KB
format.html 2KB资源评论
