Morpheusweb.it - Risorse per webmaster: script, ASP.NET, C#, Visual Basic .Net, tutorial, asp, javascript, css, php, html, java, ADO, VBScript, forms, frames, Active Server Pages, Dynamic HTML, database, gratis per webmaster e webdesigner

Link Psichedelico

Un effetto particolare per i link.



<html>
<head>
<title>
Esempio 054</title>
<script Language="Javascript">

bname=navigator.appName;
bversion=parseInt(navigator.appVersion)
var z=0;
var rgb=0;
var message= new Array();
var value=0;
var timer1;
var timer2;
var timer3;
var convert = new Array()
var hexbase= new Array("0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F");

//Do not edit anything else in the Script except the lines below
var bgcolor="#FF0000"; //Fade color
var color="#0000FF"; //Starting color
var speed=55
//Do not edit anything else in the Script except the lines above

for (x=0; x<16; x++)
{
  for (y=0; y<16; y++)
  {
    convert[value]= hexbase[x] + hexbase[y];
    value++;
  }
}

redx=color.substring(1,3);
greenx=color.substring(3,5);
bluex=color.substring(5,7);
hred=eval(parseInt(redx,16));
hgreen=eval(parseInt(greenx,16));
hblue=eval(parseInt(bluex,16));
eredx=bgcolor.substring(1,3);
egreenx=bgcolor.substring(3,5);
ebluex=bgcolor.substring(5,7);
ered=eval(parseInt(eredx,16));
egreen=eval(parseInt(egreenx,16));
eblue=eval(parseInt(ebluex,16));
red=ered;
green=egreen;
blue=eblue;

function start()
{
  timer1=window.setInterval('up()',speed)
}

function
up()
{
  if
(red<hred)
  {
    if
((red+15)<hred)
    {
       red+=15;
       redx = convert[red]
     }
    else
    {

       red=hred
       redx = convert[red]
    }
  }
  if
(red>hred)
  {
    if
((red-15)>hred)
    {
       red-=15;
       redx = convert[red]
     }
    else
    {

      red=hred
      redx = convert[red]
     }
  }
  if
(green<hgreen)
  {
    if
((green+15)<hgreen)
    {
      green+=15;
      greenx = convert[green]
    }
    else
    {

      green=hgreen
      greenx = convert[green]
    }
  }
  if
(green>hgreen)
  {
    if
((green-15)>hgreen)
    {
      green-=15;
      greenx = convert[green]
    }
    else
    {

      green=hgreen
      greenx = convert[green]
    }
  }
  if
(blue<hblue)
  {
    if
((blue+15)<hblue)
    {
      blue+=15;
      bluex = convert[blue]
    }
    else
    {

      blue=hblue
      bluex = convert[blue]
    }
  }
  if
(blue>hblue)
  {
    if
((blue-15)>hblue)
    {
      blue-=15;
      bluex = convert[blue]
    }
    else
    {

      blue=hblue
      bluex = convert[blue]
    }
  }

  rgb = "#"+redx+greenx+bluex;
  document.linkColor=rgb;
  document.vlinkColor=rgb;
  if (z>19)
  {
    window.clearInterval(timer1);
    timer2=window.setInterval('down()',speed)
  }
  else

    z++
}

function
down()
{
  if
(red<ered)
  {
    if
((red+15)<ered)
    {
      red+=15;
      redx = convert[red]
    }
    else
    {
      
red=ered
      redx = convert[red]
    }
  }
  if
(red>ered)
  {
    if
((red-15)>ered)
    {
      red-=15;
      redx = convert[red]
    }
    else
    {

      red=ered
      redx = convert[red]
    }
  }
  if
(green<egreen)
  {
    if
((green+15)<egreen)
    {
      green+=15;
      greenx = convert[green]
    }
    else
    {

      green=egreen
      greenx = convert[green]
    }
  }
  if
(green>egreen)
  {
    if
((green-15)>egreen)
    {
      green-=15;
      greenx = convert[green]
    }
    else
    {

      green=egreen
      greenx = convert[green]
    }
  }
  if
(blue<eblue)
  {
    if
((blue+15)<eblue)
    {
      blue+=15;
      bluex = convert[blue]
    }
    else
    {

      blue=eblue
      bluex = convert[blue]
    }
  }
  if
(blue>eblue)
  {
    if
((blue-15)>eblue)
    {
      blue-=15;
      bluex = convert[blue]
    }
    else
    {

       blue=eblue
       bluex = convert[blue]
    }
  }

  rgb = "#"+redx+greenx+bluex;
  document.linkColor=rgb;
  document.vlinkColor=rgb;
  if (z>38)
  {
    z=0;
    window.clearInterval(timer2);
    timer1=window.setInterval('up()',speed);
  }
  else

    z++
}
// done hiding -->
</script>

</head>
<body bgcolor="#C6DDF9" text="#000000" marginwidth="0" marginheight="0" onLoad="
start()">
<table width="100%" border="0" height="100%">
<tr>
<td width="50%" bgcolor="#D6DFF7" valign="middle" align="center" height="20">
<div align="left"><font size="2"><b>
<font color="#3366FF">
Esempio 054</font></b></font></div>
</td>
</tr>
<tr>
<td valign="top" align="left" height="100%" width="100%">
<CENTER>
<b><a href="#"><br>
ECCO IL LINK PSICHEDELICO!</a><BR>
</b>
</CENTER>
</td>
</tr>
</table>
</body>
</html>



Scarica il Codice...


Stampa la pagina


 

Inizio pagina

risorse per webmaster