javascript imitates the impression function of Kaixin.com friends (click on the text to pop up the impression box)_Typical special effects

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <meta name="author" content="Chomo"> <link rel="start" href="http://www.jb51.net" title="Home"> <title>Imitation of Kaixin.com friend impression function</title> <style type="text/css"> .box{ width:500px; padding:10px; height:auto; overflow:hidden; text-align:center} .box span{ line-height:30px; height:30px;white-space:nowrap; display:inline-block; cursor:pointer} .box a,.box a:hover{ padding:10px;color:#fff; line-height:16px;font-weight:bold; font-size:14px;text-decoration:none; position:relative; border:0;} .box a:hover{ border:2px #09e solid;padding:8px;} input.cur{ border:1px #c00 outset} </style> <div class="box"> <span><a href="#">Pervert</a></span><span><a href="#">What do you know</a></span><span><a href="#">-</a></span> </div>