WebTechnologie - ukázkové skripty PHP, XHTML, JavaScript, CSS... (c) Scorpions.cz

HOME SKRIPTY
Efekty - Blesk
Normální položka
Zobrazeno: 7720

Popis: Zobrazuje efekt blesku. Nezapomeňte si upravit názvy souborů!
Funkčnost: Funkční v IE 5.5 a vyšší, Firefox, Opera
Hodnocení: *
Ukázka
<html>
<head>
<title> Blesky </title>

<script language="JavaScript">
<!--

//****************************//
var stream_width        = 5;
var max_segments        = 40;
var max_segment_length  = 20;
var glow_color          = "#3399FF"
var fork_top            = 0;
//***************************//


var striker       = ""
var angle_holder  = new Array();
var length_holder = new Array();
length_holder[0]  = fork_top;
var temp          = length_holder[0];
var last_pos_x    = 0;
var last_pos_y    = 0;
var last_img      = "";
var mx;
var my;
dot = new Image();dot.src = "store/skripty_img/1107865342/dot.gif";

function strike()
 {
  with (Math)
   {
    disp = round((random() * 200))
    timer = round((random() * 1000))
    x = round((floor(random()*document.body.offsetWidth)-30))
    seglen = round((random()*max_segment_length))
    length_holder[1] = round(((random() * 2)*seglen))
    for(a=0;a<max_segments+1;a++){angle_holder[a] = round((random() * 4) - ((random()*2)*2))}
    for(a=1;a<max_segments+1;a++){length_holder[a] = round(length_holder[a-1] + ((random() * 2)*seglen))}
   }
  for(count=0;count<max_segments+1;count++)
   {
    for(y=temp;y<length_holder[count];y+=3)
     {
      x+=angle_holder[count]
      striker+='<img id="img_'+y+'" src="'+dot.src+'" style="position:absolute;top:'+y+';left:'+x+';height:'+stream_width+';width:'+stream_width+';filter:GLOW(color='+glow_color+')">'
      last_img = 'img_'+y
     }
    temp = length_holder[count]
    last_pos_x = x; // x axis position of end of fork
    last_pos_y = y; // y axis position of end of fork
   }
   window.status = last_img
   holder.innerHTML = striker
   strike_event()
   striker = ""
   setTimeout("holder.innerHTML = striker",disp)
   setTimeout("strike()",timer)
 }

function strike_event()
 {
  if(last_pos_y > parseInt(strike_area.style.top) && last_pos_y < (parseInt(strike_area.style.top)+parseInt(strike_area.style.height)) && last_pos_x > parseInt(strike_area.style.left) && last_pos_x < (parseInt(strike_area.style.left)+parseInt(strike_area.style.width)))
   {
    document.all[last_img].style.width  = 10
    document.all[last_img].style.height = 10
    //document.all[last_img].src = "down.gif"
    strike_area.filters.glow.enabled = true
    setTimeout('strike_area.filters.glow.enabled = false',500)
   }
 }


//-->
</script>

</head>

<body bgcolor="black" onload="strike()">

<span id="holder"></span>

<center>

<!-- THIS IS THE STRIKE AREA -->
<span id="strike_area" style="position:absolute;top:;left:;height:300;width:375;font-family:ms sans serif;font-size:25;color:white;filter:glow(color=#3399FF,strength=5,enabled=false);z-index:0;"><u>Javascript Lightning Strike</u>

<script language="JavaScript">
<!--
strike_area.style.top = 80;
strike_area.style.left = (document.body.offsetWidth / 2) - (parseInt(strike_area.style.width) / 2)
//-->
</script>

<br><br>
<font size="2" color="White" face="ms sans serif">
<ul>
    <li>Completely random.
    <li>Easy to change characteristics.
    <li>Ability to set a strike event
</ul>
</font>
</font>

<br><br>
<a href="#" onclick="window.location='view-source:'+window.location.href"><style>A{text-decoration:none; font-family:ms sans serif; font-size:8; color: yellow}A:hover {text-decoration:none; color: red;}</style>View Source</a> 

<br><br>

<a href="mailto:paul@locutusconsult.demon.co.uk?subject=Web Designs" border="0" style="cursor:default;"><img border="0" src="pw.ico" style="width:20;height:20;filter:DropShadow(Color=white,OffX=1,OffY=1) gray();" onmouseover="this.filters[0].enabled=false;this.filters[1].enabled=false;" onmouseout="this.filters[0].enabled=true;this.filters[1].enabled=true;" alt="P.Whitrow - Web designs"></a>

</span>
</center>

</body>
</html>