教程集 > 脚本编程 > javascript > 正文 javascript 防开心网好友印象特效代码

javascript 防开心网好友印象特效代码

发布时间：2023-05-10 编辑：jiaochengji.com

教程集为您提供javascript 防开心网好友印象特效代码等资源，欢迎您收藏本站，我们将为您提供最新的javascript 防开心网好友印象特效代码资源

提示：您可以先修改部分代码再运行

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=utf-8" /> <meta name="author" content="Chomo" /> <link rel="start" href="http://www.111cn.net" 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">色鬼晒个不知道打黑工你懂个啥-……-休息帅气天涯地方修复暗恋打工的人地方官速度地方交互少吃点南工大对方期望闪电狗打黑工你懂个啥-……-休息帅气天涯地方修复暗恋打工的人地方官速度地方</div> <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<links.length;i ){ 		var bgColor = randomColor();	//改变背景色的代码，根据修去修改。 		links[i].style.backgroundColor = bgColor; 	} } function sayHi(){ 	var scolor,links = document.getElementsByTagName("a"); 	for(var i=0;i<links.length;i ){ 		links[i].onmouseover = function(){ 			scolor = this.style.backgroundColor; 			this.style.color = scolor; 			this.style.borderColor = scolor; 			this.style.backgroundColor = "white"; 		} 		links[i].onmouseout = function(){ 			this.style.color = "white"; 			this.style.borderColor = ""; 			this.style.backgroundColor = scolor; 		} 		links[i].onmousedown = function(){ 			alert('你对XXX的印象是 "' this.childNodes[0].nodeValue '"'); 		} 	} } function addEvaluation(){ 	var txt = document.getElementById("input-txt"); 	var btn = document.getElementById("input-btn"); 	var divs = document.getElementsByTagName("div")[0]; 	if(!txt) return false; 	if(!btn) return false; 	var texts,links,spans; 	txt.onfocus = function(){ 		btn.className="cur"; 	} 	txt.onblur = function(){ 		btn.className=""; 	} 	btn.onclick = function(){ 		if(txt.value=="") { 			alert("请输入一个印象词"); 			return false 		}; 		texts = document.createTextNode(txt.value); 		links = document.createElement("a"); 		spans = document.createElement("span"); 		links.appendChild(texts); 		links.style.backgroundColor = randomColor(); 		spans.appendChild(links); 		divs.appendChild(spans); 		sayHi(); 	} } changeColor(); sayHi(); addEvaluation(); </script> </body> </html>

提示：您可以先修改部分代码再运行

您可能感兴趣的文章：

上一篇：加入收藏夹下一篇：javascript仿window多窗口桌面效果(附模拟alert()提示.及confirm())

[关闭]

javascript 防开心网好友印象特效代码

最近更新

浏览排行