网络编程
网页制作
网络编程
脚本专栏
数据库
服务器
操作系统
网站运营
平面设计
电脑基础
首页
>
网络编程
> 浏览文章
javascript 仿开心网好友印象功能(点击文字弹出印象框)
(编辑：jimmy 日期: 2025/12/26 浏览：3 次 )
<!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" /> <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> 色鬼你懂个啥-……-休息帅气天涯地方无法形容才子 <input type="text" value="asd" maxlength="20" id="input-txt"/><input type="button" value="评价" id="input-btn"/> </body> </html>
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
上一篇：
JS+CSS实现的一种交互体验 表单页面
下一篇：
JavaScript 未知高度元素垂直居中实现代码
友情链接:
杰晶网络
DDR爱好者之家
南强小屋
黑松山资源网
白云城资源网
网站地图
SiteMap
主页
破解
音乐
影视