Главная » 2010 » Май » 1 » Салют при наведении на ссылку (Javascript)
01.05.2010, 15:06

Салют при наведении на ссылку



При наведении курсора мыши на любую из ссылок, расположенных на странице, произойдет салют.

В head ставим это:

Code
<script>
<!-- Beginning of JavaScript -

// CREDITS:
// LinkExploder by Urs Dudli and Peter Gehrig  
// Copyright (c) 2000 Peter Gehrig and Urs Dudli. All rights reserved.
// Permission given to use the script provided that this notice remains as is.
// Additional scripts can be found at http://www.24fun.com.
// info@24fun.com
// 6/23/2000

// IMPORTANT:  
// If you add this script to a script-library or script-archive  
// you have to add a link to http://www.24fun.com on the webpage  
// where this script will be running.

// CONFIGURATION:
// Go to www.24fun.com, open category 'text' and download  
// the full-version of this script as ZIP-file with
// step-by-step instructions for non-programmers.
   
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;

// - End of JavaScript - -->
</script>
<style>
.spanstyle {
  position:absolute;
  visibility:hidden;
}
</style>

В body ставим этот скрипт:

Code
<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='1x1.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>
Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: Peter Gehrig and Urs Dudli
Категория: JavaScript's | Просмотров: 2842 | Добавил: antisept | Рейтинг: 4.5/2 |
Теги: ссылку, При, На, наведении, салют
Пока комментариев нет. Ты можешь быть первым!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]