javascript 模擬select下拉列表特效

更新時間：2009年02月11日 09:53:32 作者：

模擬select下拉列表特效，因為html的下拉列表的樣式修改美化等有些復雜，不容易控制。注意用于對頁面的顏色搭配過于講究的。

<!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>javascript 模擬select下拉列表特效 by jb51.net</title> <style type="text/css">  </style> </head>  <body> <div   id="vvxyksv9kd"   class=xmkc> <div><input name="class" type="text" class="wena" onClick="disp_cc();" value="請選擇欄目"/> </div> <div   class="vvxyksv9kd"   id="hh" style="display:none" class=classlist> <ul>  <li id="vvxyksv9kd"    class=lis><a href="#" onClick="gets_value('option標簽1')">option值1</a></li> <li id="vvxyksv9kd"    class=lis><a href="#" onClick="gets_value('option標簽2')">option值2</a></li> <li id="vvxyksv9kd"    class=lis><a href="#" onClick="gets_value('option標簽3')">option值3</a></li> <li id="vvxyksv9kd"    class=lis><a href="#" onClick="gets_value('option標簽4')">option值4</a></li> </ul> <span onclick="hh.style.display='none'" class=close><a href="#">關閉</a></span> </div> </div> </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

您可能感興趣的文章: