Niedziela 19 Maj 2024r. Godz 00:00:00      
Postów: 251      

Eksplodujący link w JavaScript

<script>
 
var debrisnumber=40
var debriscolor=new Array()
debriscolor[0]="FFAAAA"
debriscolor[1]="AA0000"
debriscolor[2]="770000"
debriscolor[3]="AA4444"
debriscolor[4]="EE4422"
var x_debrispos
var y_debrispos
var x,y
var x_random=new Array()
var y_random=new Array()
var max_explsteps=20
var i_explsteps=0
var i_color=0
var pause=10

function checkbrowser() {
    i_explsteps=0
    x_debrispos=x
    y_debrispos=y
    for (i=0;i<=debrisnumber;i++) {
        x_random[i]=Math.ceil(40*Math.random())-20
        y_random[i]=Math.ceil(40*Math.random())-20
 }
 if (document.all) {
        for (i=0;i<=debrisnumber;i++) {
            var thisspan=eval("document.all.span"+i+".style")
            thisspan.visibility="VISIBLE"
   thisspan.posLeft=x_debrispos
   thisspan.posTop=y_debrispos
  }
        explode_IE()
    }
    if (document.layers) {
        for (i=0;i<=debrisnumber;i++) {
            var thisspan=eval("document.span"+i)
            thisspan.visibility="VISIBLE"
            thisspan.left=x_debrispos
            thisspan.top=y_debrispos
  }
        explode_NN()
    }
}

function explode_IE() {
 if (i_explsteps<=max_explsteps) {
  for (i=0;i<=debrisnumber;i++) {
            var thisspan=eval("document.all.span"+i+".style")
            thisspan.posLeft+=x_random[i]
            thisspan.posTop+=y_random[i]
  }
  i_explsteps++
  var timer=setTimeout("explode_IE()",pause)
 }
 else {
  for (i=0;i<=debrisnumber;i++) {
         var thisspan=eval("document.all.span"+i+".style")
         thisspan.visibility="HIDDEN"
  }
  clearTimeout(timer)
 }
}

function explode_NN() {
 if (i_explsteps<=max_explsteps) {
  for (i=0;i<=debrisnumber;i++) {
            var thisspan=eval("document.span"+i)
            thisspan.left+=x_random[i]
            thisspan.top+=y_random[i]
  }
  i_explsteps++
  var timer=setTimeout("explode_NN()",pause)
 }
 else {
  for (i=0;i<=debrisnumber;i++) {
            var thisspan=eval("document.span"+i)
            thisspan.visibility="HIDDEN"
  }
  clearTimeout(timer)
 }
}

function handlerMM(e){
 x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
 y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
}

if (document.layers){
 document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;

</script>
<style>
.spanstyle {
 position:absolute;
    visibility:hidden;
}
</style>


<script>
<!-- Beginning of JavaScript -
for (i=0;i<=debrisnumber;i++) {
    document.write("<div id='span"+i+"' class='spanstyle'>")
    document.write("<table cellpadding=0 cellspacing=0>")
    document.write("<tr><td bgcolor="+debriscolor[i_color]+">")
    document.write("<img src='emptypixel236.gif' width=3>")
    document.write("</td></tr></table>")
    document.write("</div>")
    i_color++
    if (i_color>=debriscolor.length) {i_color=0}
}
// - End of JavaScript - -->
</script>

<a href="http://www.maksite.net" onMouseOver="checkbrowser()" target="_blank">Kliknij</a> aby zobaczyć efekt działania skryptu.

 

Kliknij aby zobaczyć efekt działania skryptu.