Script Links che nevicano su scripting di WebLink

D12 - Links che nevicano.

Funziona con il Browser:

firefox

Safari

opera

internet explorer

netscape navigator

Crediti: Peter Gehrig
Name: [email protected]
Website: Sito non più in rete

Descrizione: Links ad effetto se ne vedono molti, questo per esempio genera una nevicata al solo passaggio del mouse:

Provate a portare il puntatore del mouse sopra a questo link e guardate cosa succede, oppure sopra alla scritta grafica web-link in alto a destra.

Passo 1 :

Selezionare tutto il codice cliccando sul pulsante grigio, quindi posizionatevi sul testo evidenziato, adoperate il tasto destro del mouse per l'operazione di copia ed incolla, non vi rimane che trasferire il tutto nella vostra pagina web, in questo caso immediatamente prima del tag: di chiusura </body>

// IMPORTANT:
// If you add this script to a script-library or script-archive
// you have to add a highly visible link to
// http://Sito Sparito dalla rete on the webpage
// where this script will be featured

///////////////////////////////////////////////////////////////////////////
// CONFIGURATION STARTS HERE
///////////////////////////////////////////////////////////////////////////

// Set the number of snowflakes (more than 30 - 40 not recommended)
var snowmax=35

// Set the colors for the snow. Add as many colors as you like
var snowcolor=new Array("#aaaacc","#ddddFF","#ccccDD")

// Set the fonts, that create the snowflakes. Add as many fonts as you like
var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS")

// Set the letter that creates your snowflake (recommended:*)
var snowletter="*"

// Set the speed of sinking (recommended values range from 0.3 to 2)
var sinkspeed=0.6

// Set the maximal-size of your snowflaxes
var snowmaxsize=22

// Set the minimal-size of your snowflaxes
var snowminsize=8

// Set the width of the snowing-zone (pixels)
var snowboxwidth=100

///////////////////////////////////////////////////////////////////////////
// CONFIGURATION ENDS HERE
///////////////////////////////////////////////////////////////////////////

// Do not edit below this line
var snow=new Array()
var marginbottom
var marginright
var marginleft
var margintop
var snowingzone=1
var posleft
var postop
var is_snowing=false
var timer
var i_snow=0
var x_mv=new Array();
var crds=new Array();
var lftrght=new Array();
var browserinfos=navigator.userAgent 
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
var ns6=document.getElementById&&!document.all
var opera=browserinfos.match(/Opera/)  
var browserok=ie5||ns6||opera

function randommaker(range) {		
	rand=Math.floor(range*Math.random())
    return rand
}

function stopsnow() {
	is_snowing=false
}

function getcoordinates(e) {
	if (ie5 || opera) {
		posleft=document.body.scrollLeft+window.event.x;
		postop=document.body.scrollTop+window.event.y;
	}
	if (ns6) {
		posleft=e.pageX
		postop=e.pageY
	}
}

for (i=0;i<=snowmax;i++) {
	document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
}
if (browserok) {
	document.onmousemove=getcoordinates
}
// end -->
</script>

Passo 2:

Adesso si deve aggiungere ai vari links il comando onMouseOver che richiama l'effetto.

Selezionare tutto il codice cliccando sul pulsante grigio, quindi posizionatevi sul testo evidenziato, adoperate il tasto destro del mouse per l'operazione di copia ed incolla, non vi rimane che trasferire il tutto nella vostra pagina web, ovviamente modificate il link e la frase da esplodere.

Note :

E' possibile configurare la velocità, le dimensioni, i colori, il tipo di font ed il numero di fiocchi che formano la nevicata. Nelle prime righe di codice dello script trovate le variabili:

var snowmax=35 = numero di fiocchi che formano la nevicata.

var snowcolor=new Array("#aaaacc","#ddddFF","#ccccDD") = colori in codice esadecimale dei fiocchi di neve.

var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS") = il tipo di font adoperato per il carattere dei fiocchi di neve.

var snowletter="*" = il carattere adoperato per il fiocco di neve.

var sinkspeed=0.6 = la velocità con la quale scende la neve.

var snowmaxsize=22 = la dimensione max del fiocco più grande.

var snowminsize=8 = la dimensione min del fiocco più piccolo.

var snowboxwidth=100 = la dimensione della zona interessata alla nevicata.

Elenco completo degli script.

Puoi lasciarmi un msg, un suggerimento, una critica, un link.

Anche il tuo sito puo far parte di questo spazio pubblicitario

Clicca qui se vuoi informazioni per fare anche tu pubblicità su questo sito