javascript 仿开心网好友印象功能(点击文字弹出印象框)

这是仿开心网的好友印象添加功能，在输入框里提交印象词后，即可显示在网页上，点击文字弹出印象评语提示框。想用的朋友最好在重新美化一下，我觉得还是不错的。

<!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"/><meta name="author" content="Chomo"/><link rel="start" href="https://www.0133.cn" title="Home"/><title>仿开心网好友印象功能</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></head><body> <div class="box"><span><a href="#">色鬼</a></span><span><a href="#">你懂个啥</a></span><span><a href="#">-……-</a></span><span><a href="#">休息</a></span><span><a href="#">帅气</a></span><span><a href="#">天涯地方</a></span><span><a href="#">无法形容</a></span><span><a href="#">才子</a></span></div><input type="text" value="asd" maxlength="20" id="input-txt"/><input type="button" value="评价" id="input-btn"/></body></html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

以上就是javascript 仿开心网好友印象功能(点击文字弹出印象框)的详细内容，更多请关注0133技术站其它相关文章！