<!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="keywords" content="站长,网页特效,网页特效代码,js特效,js脚本,脚本,广告代码,zzjs,zzjs.net,www.zzjs.net,站长特效 网" />
<meta name="description" content="www.zzjs.net,站长特效网，站长必备js特效及广告代码。大量高质量js特效，提供高质量广告代码下载,尽在站长特效网" />
<title>网页特效 仿开心网好友印象 站长特效网欢迎您。</title>
<style type="text/css">
.www_zzjs_net
{
width: 500px;
padding: 10px;
height: auto;
overflow: hidden;
text-align: center;
font-family: tahoma,arial,simsun;
}
.www_zzjs_net span
{
height: 30px;
white-space: nowrap;
display: inline-block;
cursor: pointer;
}
.www_zzjs_net a, .www_zzjs_net a:hover
{
padding: 8px;
border: 2px #09e solid;
color: #fff;
line-height: 16px;
font-weight: bold;
font-size: 14px;
text-decoration: none;
position: relative;
}
input.cur
{
border: 1px #c00 outset;
}
</style>
</head>
<body>
<a href="http://www.zzjs.net/">站长特效网</a>,站长必备的高质量网页特效和广告代码。zzjs.net，站长js特效。<hr>
<div class="www_zzjs_net">
<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><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><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><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><span><a href="#">地方</a></span></div>
<br />
<br />
<input type="text" value="站长特效评价" maxlength="4" id="input-txt" />
<input type="button" value="评价" id="input-btn" />
<input type="button" value="Clear" onclick="n = false" />
<script type="text/javascript">
var n = false;
function isNum(temp) {
var n, re = /^\d+$/;
if (!re.test(temp)) {
return true;
}
return false;
}
function isChinese(temp) {
var m, re = /[^\u4e00-\u9fa5]/;
var temps = temp.split("");
for (var i = 0; i < temp.split("").length; i++) {
if (!re.test(temp.split("")[i])) {
m = true;
break;
}
}
if (m) return true;
return false;
}
function randomColor() {
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++) {
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 = links[i].style.borderColor = 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.backgroundColor = this.style.borderColor = scolor;
}
links[i].onmousedown = function () {
//if(n){
// alert("您已经评价过了");
// return false;
//}
alert('您对sky的印象是 "' + this.childNodes[0].nodeValue + '"');
n = true;
}
}
}
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 (n) {
alert("您已经评价过了");
return false;
}
if (txt.value == "") {
alert("请输入一个印象词");
return false;
}
if (txt.value !== "2") {
if (!isNum(txt.value)) {
alert("请输入一个印象词");
return false;
}
}
texts = document.createTextNode(txt.value);
links = document.createElement("a");
spans = document.createElement("span");
links.appendChild(texts);
links.style.backgroundColor = links.style.borderColor = randomColor();
spans.appendChild(links);
divs.appendChild(spans);
sayHi();
n = true;
}
}
changeColor();
sayHi();
addEvaluation();
</script>
</body>
</html>
仿开心网好友印象功能实现（收集而来备用）
2011-07-10
742
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
网页特效 仿开心网好友印象 站长特效网欢迎您。 .
目录
相关文章
|
5月前
|
安全
定位技术
|
运维
|
小程序
Windows
|
小程序
如何做一个微信答题小程序(三)
嗨！大家好，我是小蚂蚁。今天我们来分享一下如何实现答题功能，包含单选题和多选题的答题，以及如何记录玩家的答题数据。
单选题答题处理
对于单选题来讲，每个选项之间是互斥的，也就是说用户只能从 ABCD 的四个选项中选择一个，不可能同时选择多个。所以在处理单选题答题时，当用户选择了 A 然后又切换到 B 时，此时“选项B”应该是被选中状态，而“选项A”应该是未被选中状态。
276
0
1
|
小程序
容器
如何做一个微信答题小程序(二)
嗨！大家好，我是小蚂蚁。在上一节里，我们了解了如何设计答题小程序中的题库——表格，并且知道了如何从题库中随机抽取指定数量的不重复的题目编号。这一节，我们将分享一下如何利用这些题目编号，获取到指定的题目信息，然后将题目呈现出来。
在上一节中我们将随机抽取到的不重复的题目编号记录在了一个“随机选题列表”中。接下来，我们将从列表中挨个取出题目编号，然后显示出当前的题目。
129
0
0
|
小程序
如何做一个微信答题小程序（一）
今天我们就从题库表格的设计开始，分享一下如何设计一个答题小程序的表格，以及如何从题库中随机的抽取指定数量的题目。
单选题库表格设计
对于一个答题小程序来讲，最合适当作题库的数据形式当然要属表格了。表格适合用于数据的组织和管理，对于单选题库来讲，我们使用如下的数据表格。
349
0
0
|
小程序
如何做一个微信答题小程序(四)
嗨！大家好，我是小蚂蚁。这一节里，我们继续分享如何在答完题后进行答案的比对，以及如何实现一个回顾功能。
在上一节里我们提到过，为了记录玩家的答题数据，我们创建了一个新的表格——玩家答题选项表，里面记录的是玩家回答的题目编号，以及对应的答案。当所有的题目都回答完毕，玩家选择提交后，其实我们要做的，就是逐个的将“玩家答题选项表”中的数据与题库中的答案数据进行比对，来检查题目是答对还是答错。
因为题目中包含着单选题和多选题，所以针对不同的题型，需要做不同的判断处理。
162
0
0
|
前端开发
JavaScript
NoSQL
热门文章
最新文章
1
小技巧 - 怎样屏蔽群消息（包括 @全体成员）？
2
MAVEN简介之——settings.xml
3
RDS for SQL server 空间问题排查汇总
4
深度 ｜ 大数据算法应用的测试发展之路
5
JavaScript基本数据类型分析
6
【Linux】使用数字表示法和文件表示法修改文件权限（超详细）
7
艾伟：一个简单的关键字过滤算法
8
上海保交所发布区块链底层技术平台，为保险交易高效安全保驾护航
9
《程序员的修炼-培养思维潜能的9个习惯》 读书笔记
10
Swift析构器
1
`Object.create()` 方法的参数
28
2
js中new和object.creat区别
26
3
Kotlin - 运算符与中缀表达式
28
4
除了 `addEventListener` 方法，还有哪些方式可以为元素添加事件监听器？
25
5
如何同时在捕获阶段和冒泡阶段添加事件监听器？
28
6
`addEventListener` 方法的第三个参数有什么作用？
12
7
Kotlin - 运算符与中缀表达式
12
8
除了点击事件，`addEventListener` 还能用于处理哪些事件类型？
18
9
addEventlistener和正常的onclick=()=> 的区别
13
10
除了性能，块级作用域和函数作用域对代码的可读性和可维护性有何影响？
11