js+CSS实现模拟华丽的select控件下拉菜单效果_javascript技巧

本文实例讲述了js+CSS实现模拟select控件的下拉菜单效果。分享给大家供大家参考。具体如下：

这是一个JS+CSS技术实现的Select控件效果，模拟出来的，比默认的Select更漂亮，有了这个模板，你修改Select就更方便了，由此你也可以将其制作成CSS下拉菜单，在兼容性方面暂未测试，在IE8下没问题。

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/js-css-select-control-style-codes/

具体代码如下：

 

 

  请选择游戏名称 
  搜索
 
 
 

地下城与勇士
 
魔兽世界（国服）
 
魔兽世界（台服）
 
热血江湖
 
大话西游II
 
QQ幻想世界
 

希望本文所述对大家的javascript程序设计有所帮助。