您的当前位置：首页正文

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

2020-11-27 来源：易榕旅游

<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"/> 
<script type="text/javascript"> 
function randomColor() { //16进制方式表示颜色0-F 
 var arrHex = ["0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F"]; 
 var strHex = "#"; 
 var index; 
 for(var i = 0; i < 6; i++) { //取得0-15之间的随机整数 
 index = Math.round(Math.random() * 15); 
 strHex += arrHex[index]; 
 } 
 return strHex; 
} 
function changeColor(){ 
 var links = document.getElementsByTagName("a"); 
 for(var i=0;i 
</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]