83、精彩的文字阴影效果

83、精彩的文字阴影效果

脚本说明:

第一步:把如下代码加入<body>区域中

<script>

<!--

 

var divs = new Array();

var da = document.all;

var start;

 

//CONFIGUER THESE VARS!!!!!!

//speed of pulsing

var speed = 50;

 

function initVars(){

 

if (!document.all)

return

 

addDiv(hi,"lime",2,11);

addDiv(welcome,"red",4,9);

addDiv(message,"purple",2,4);

addDiv(msg2,"orange",15,17);

addDiv(msg3,"blue",1,3);

 

//NO MORE EDITING!!!!!!

 

 

 

startGlow();

}

 

function addDiv(id,color,min,max)

{

var j = divs.length;

divs[j] = new Array(5);

divs[j][0] = id;

divs[j][1] = color;

divs[j][2] = min;

divs[j][3] = max;

divs[j][4] = true;

}

 

function startGlow()

{

       if (!document.all)

              return 0;

 

       for(var i=0;i<divs.length;i++)

       {

              divs[i][0].style.filter = "Glow(Color=" + divs[i][1] + ", Strength=" + divs[i][2] + ")";

              divs[i][0].style.width = "100%";

       }

 

       start = setInterval('update()',speed);

}

 

function update()

{

       for (var i=0;i<divs.length;i++)

       {

              if (divs[i][4])

              {

                     divs[i][0].filters.Glow.Strength++;

                     if (divs[i][0].filters.Glow.Strength == divs[i][3])

                            divs[i][4] = false;

              }

      

              if (!divs[i][4])

              {

                     divs[i][0].filters.Glow.Strength--;

                     if (divs[i][0].filters.Glow.Strength == divs[i][2])

                            divs[i][4] = true;

              }

       }

}

-->

</script>

<div id="hi" style="color: lime">

Hello!

</div>

<br>

<div id="welcome" style="color: lime">

Welcome!你好!

</div>

<br>

<div id="message" style="color: lime">

This is a pulsating message!

</div>

<br>

<div id="msg2" style="color: lime">

This is another pulsating message!

</div>

<br>

<div id="msg3" style="color: lime">

This is yet another pulsating message!

</div>

 

 

第二步:请把<body>中的内容改为:

<body bgcolor="#fef4d9" onLoad="initVars()">

 

Write a comment

Comments: 0