***文本特效***字符颜色显示变化
把下列代码加到网页的<body></body>标签之间 从google下载我的照片管理软件要完成此效果需要三个步骤
第一步：把如下代码加入到<head>区域中
<script language="javascript">
neonbasecolor = "white";
neoncolor = "00ff00";
num = 0;
num2 = 0;
num3 = 0;
num4 = neoncolor;
function startneon() {
message = neon.innertext;
neon.innertext = "";
for(i = 0; i != message.length; i++) {
neon.innerhtml += "<span id=\"neond\" style=\"color:"+neonbasecolor+"\">"+message.charat(i)+"<\/span>"};
neon2();
}
function neon2() {
if(num != message.length) {
document.all.neond.style.color = neoncolor;
num++;
settimeout("neon2()", 100);
}
else {
num = 0;
num2 = message.length;
settimeout("neon4onev()", 2000);
}
}
function neon4onev() {
document.all.neond.style.color = neonbasecolor;
document.all.neond.style.color = neonbasecolor;
if(math.floor(message.length / 2) + 1 != num2) {
num++;
num2--;
settimeout("neon4onev()", 50);
}
else {
settimeout("neon5()", 50);
}
}
function neon5() {
if(num3 != message.length && num3 != message.length+1) {
document.all.neond.style.color = neoncolor;
num3 = num3 + 2;
settimeout("neon5()",100);
}
else {
settimeout("neon52()", 50);
}
}
function neon52() {
if(num3 == message.length) {
num3++;
neon52a();
}
else {
num3--;
neon52a();
}
}
function neon52a() {
if(num3 != 1) {
num3 = num3 - 2;
document.all.neond.style.color = neoncolor;
settimeout("neon52a()", 100);
}
else {
if(num4 == neoncolor) {
num3 = 0;
neoncolor = neonbasecolor;
settimeout("neon5()", 2000);
}
else {
neoncolor = num4;
num3 = 0;
settimeout("neon4onev2()", 50);
}
}
}
function neon4onev2() {
document.all.neond.style.color = neoncolor;
document.all.neond.style.color = neoncolor;
if(message.length != num2) {
num--;
num2++;
settimeout("neon4onev2()", 50);
}
else {
num = 0;
num2 = 0;
settimeout("neon3()", 2000);
}
}
function neon3() {
if(num != message.length) {
document.all.neond.style.color = neonbasecolor;
num++;
settimeout("neon3()", 100);
}
else {
num = 0;
neon2();
}
}
</script>
第二步：把如下代码加入到<body>区域中
<span id="neon">www.jsshow.com</span>
第三步：把“onload="startneon()"”加在<body>标记里
例如：<body onload="startneon()">
--------------------------------------
http://www.huoyue.com.cn 活跃网，活跃人群的论坛，访问活跃网，将给您带来意想不到的收获，还可以免费为您开论坛，让您免费拥有与朋友、网友交流的论坛。你是年轻人吗？你活跃你就上！
页:
[1]