1. 首页
  2. 编程语言
  3. Javascript
  4. 用javascript模拟select达到美化效果

用javascript模拟select达到美化效果

上传者: 2020-02-18 12:44:23上传 HTM文件 1.31KB 热度 33次
实现思路第一步:将表单中的select隐藏起来。为什么?很简单,因为这家伙太顽固了,用css根本搞不出来你想要的。所以把它杀掉。第二步:用脚本找到select标签在网页上的绝对位置。我们在那个位置上用DIV标签做个假的、好看点的来当他的替身。第三步:用脚本把select标签中的值读出来。虽然藏起来了,但它里边的options我们还有用呢,统统取过来。第四步:当用户点击select标签的替身,也就是div的时候。我们再用一个div浮在上一个div的下边,这个就是options的替身了。
用户评论
码姐姐匿名网友 2020-02-18 12:44:23

并不是很漂亮