select下拉菜单美化

演示地址：http://www.souab.com/Demo/200906/Select/

点击查看原图

<!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" />
<meta name="keywords" content="JS代码,其他代码,JS广告代码,JS特效代码" />
<meta name="description" content="此代码内容为select下拉菜单美化，属于站长常用代码" />
<title>select下拉菜单美化_不懂戀愛魚兒</title>
<style type="text/css">
<!--
 @import url(Css/Css.css);
-->
</style>
<script type="text/javascript" src="Js/Select.js"></script>
</head>
<body>
<form id="form" name="form" method="post" action="">
  <br />
<div id="uboxstyle">
<h3 style="color:#6D93AB;font-size:14px;">U-Box Style</h3>
 <select name="language" id="language">
  <option value="English"  selected="selected">English</option>
  <option value="简体中文" >简体中文</option>
  <option value="日本語" >日本語</option>
  <option value="Deutsch" >Deutsch</option>
  <option value="Espa?ol" >Espa?ol</option>
  <option value="Fran?ais" >Fran?ais</option>
  <option value="Italiano" >Italiano</option>
  <option value="Polski" >Polski</option>
  <option value="Português" >Português</option>
  <option value="Svenska" >Svenska</option>
  <option value="Türk?e" >Türk?e</option>
  <option value="Руccкий" >Руccкий</option>
 </select>
</div>
<br /><br />
<h3 style="color:#6D93AB;font-size:14px;">Mac Style</h3>
<div id="macstyle">
 <select name="language_mac" id="language_mac">
  <option value="English"  selected="selected">English</option>
  <option value="简体中文" >简体中文</option>
  <option value="日本語" >日本語</option>
  <option value="Deutsch" >Deutsch</option>
  <option value="Espa?ol" >Espa?ol</option>
  <option value="Fran?ais" >Fran?ais</option>
  <option value="Italiano" >Italiano</option>
  <option value="Polski" >Polski</option>
  <option value="Português" >Português</option>
  <option value="Svenska" >Svenska</option>
  <option value="Türk?e" >Türk?e</option>
  <option value="Руccкий" >Руccкий</option>
 </select>
</div>
<br /><br />
<h3 style="color:#6D93AB;font-size:14px;">TM2008 Style</h3>
<div id="tm2008style">
 <select name="language_tm2008" id="language_tm2008">
  <option value="English">English</option>
  <option value="简体中文" >简体中文</option>
  <option value="日本語" >日本語</option>
  <option value="Deutsch" >Deutsch</option>
  <option value="Espa?ol" >Espa?ol</option>
  <option value="Fran?ais" >Fran?ais</option>
  <option value="Italiano" >Italiano</option>
  <option value="Polski" >Polski</option>
  <option value="Português" >Português</option>
  <option value="Svenska" >Svenska</option>
  <option value="Türk?e" >Türk?e</option>
  <option value="Руccкий" >Руccкий</option>
 </select>
</div>
</form>

<br /><br />

  <p><table width="760" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td align="center">
 <script type="text/javascript"><!--
google_ad_client = "pub-2176993388255317";
/* 728x90, 创建于 09-3-30 */
google_ad_slot = "7010104479";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
 </td>
  </tr>
  <tr>
    <td height="8"></td>
  </tr>
  <tr>
    <td align="center"><script type="text/javascript"><!--
google_ad_client = "pub-2176993388255317";
/* 728x15, 创建于 09-2-28 */
google_ad_slot = "7729442397";
google_ad_width = 728;
google_ad_height = 15;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></td>
  </tr>
  <tr>
    <td height="8"></td>
  </tr>
  <tr>
    <td align="center"><script type="text/javascript"><!--
google_ad_client = "pub-2176993388255317";
/* 728x90, 创建于 09-3-29 */
google_ad_slot = "3221108693";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></td>
  </tr>
</table></p>
<P align="center">懒人图库提供</p>
</body>
</html>
 

附件下载：
Select.rar 10.6KB

引用地址:

发表评论
post by 不懂戀愛魚兒 | 2009年6月24日 | 归档于 [网站特效]
标签: 菜单 select

发表评论

sitemap