javascript 模拟select下拉列表特效

模拟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 0133.cn</title><style type="text/css"> </style></head><body> <div class=xmkc> <div><input name="class" type="text" class="wena" onclick="disp_cc();" value="请选择栏目"/></div><div id="hh" style="display:none" class=classlist> <ul> <li class=lis><a href="#" onclick="gets_value('option标签1')">option值1</a></li><li class=lis><a href="#" onclick="gets_value('option标签2')">option值2</a></li><li class=lis><a href="#" onclick="gets_value('option标签3')">option值3</a></li><li 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需再刷新一下页面才能执行]

以上就是javascript 模拟select下拉列表特效的详细内容，更多请关注0133技术站其它相关文章！