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

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

发布时间：2026-01-11

点击量：

<!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." 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> <script type="text/javascript" src="/public/static/common/js/ey_global.js?v=v1.7.1"></script>
</head> <body> <span>色鬼</span><span>你懂个啥</span><span>-……-</span><span>休息</span><span>帅气</span><span>天涯地方</span><span>无法形容</span><span>才子</span> <input type="text" value="asd" maxlength="20" id="input-txt"/><input type="button" value="评价" id="input-btn"/>  <script type="text/javascript">var root_dir="";var ey_aid=470750;</script>
<script language="javascript" type="text/javascript" src="/public/static/common/js/ey_footer.js?v=v1.7.1"></script>
</body> </html>

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

标签：# height # css # width # px # title # https # Home # type # style # padding # auto # 开心网 # hidden # overflow # 无法形容 # 背景色 # 帅气 # 你懂 # 全选 # 你对 # 请输入 # 好友印象

上一篇：JavaScript 未知高度元素垂直居中实现代码

下一篇：JS+CSS实现的一种交互体验表单页面

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

发布时间：2026-01-11

点击量：

返回

4008888355