JavaScript simulation select implementation code_form special effects

I have recently been confused about closures and inheritance in JavaScript, so I wrote a small thing to get a feel for it.

JS CSS simulates the Select drop-down box and selects the form effect

It is very common to use the Select syntax to implement the drop-down box in web pages, but have you ever seen it using JS CSS simulated Select drop-down box? And you can select a form. Although the code is a bit complicated, it is very helpful for us to understand this type of special effects.

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>DIV CSS JS imitation drop-down form</title> <style type="text/css"> * { margin:0px; padding:0px; } body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; } .cur { cursor:pointer; display:block; color:#788F72; width:71px; height:22px; line-height:22px; padding:0px 0px 0px 2px; } .am { border: 0px; color:#788F72; cursor: pointer; background: url(/uploads/allimg/1111/icon_111.jpg) no-repeat center center; border:1px #ccc solid; display:block; cursor:pointer; width:73px; height: 19px; margin:10px 0px 0px 10px; padding:3px 0px 0px 2px; } .bm { border: 1px #999999 solid; width:73px; margin-left:10px; } </style> <form> <input onclick="hide('HMF-1')" type="text" value="璇烽"> </form>