弹性效果的运动图片,网页特效

王朝html/css/js·作者佚名  2008-05-31
窄屏简体版  字體: |||超大  

<!--要完成此效果需要三个步骤

第一步:把如下代码加入到<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[num].style.color = neonColor;

num++;

setTimeout("neon2()", 100);

}

else {

num = 0;

num2 = message.length;

setTimeout("neon4onev()", 2000);

}

}

function neon4onev() {

document.all.neond[num].style.color = neonBaseColor;

document.all.neond[num2-1].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[num3].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[num3].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[num].style.color = neonColor;

document.all.neond[num2 - 1].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[num].style.color = neonBaseColor;

num++;

setTimeout("neon3()", 100);

}

else {

num = 0;

neon2();

}

}

</script>

<!--第二步:把如下代码加入到<body>区域中-->

<span id="neon">www.knowsky.com</span>

<!--第三步:把“onLoad="startNeon()"”加在<body>标记里

例如:-->

<body onLoad="startNeon()">

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航