KITWEB a sélectionné pour vous ..........................

Download: cliquer ici
Retour vers: rubrique "Gag"

PISSER SUR CERTAINS DES LIENS DE VOTRE SITE...
Cliquez sur "download" pour télécharger le kit nécessaire.
Compatible IE et NS (v4.75: oui; v6: sans effet). Fonctionne avec les liens textes et les bannières.
Démo:

Survoler ce lien-texte

ou la bannière ci-dessous...

1/ Inscrivez entre HEAD et /HEAD :
ou entre BODY et /BODY...

// IMPORTANT: 
// If you add this script to a script-library or script-archive 
// you have to add a link to http://www.24fun.com/fast/index.html on the webpage 
// where this borderman 2 will be running.  And you have
// to tell us by email where you are going to place the script. Email: info@24fun.com

// CONFIGURATION: 
// Go to http://www.24fun.com/fast/index.html, open category 'animation' and download  
// the ZIP-file of this script containing all borderman-images as well as the HTML-file 
// with step-by-step instructions for easy configuration.

// ******* ANIMATION DU BONHOMME *********
// le pas de chaque mouvement (pixels)
	var anistep=15
// la pause entre chaque mouvement
	var anipause=80

// *******  MESSAGE EN FIN D'ANIMATION **********
// largeur (pixels)
	var tickerwidth=120
// hauteur (pixels)
	var tickerheight=100
// marge autour du texte (pixels)
	var tickerpadding=5
// épaisseur de la bordure (pixels)
	var borderwidth=2
// police de caractères
	var fnt="Verdana"
// taille des caractères
	var fntsize=10
// couleur des caractères
	var fntcolor="FFFFFF"
// 'Graisse' des caractères: une valeur entre 1 et 9
	var fntweight=9
// couleur du fond
	var backgroundcolor="FF0000"

// ******** NE PAS MODIFIER CE QUI SUIT **********
// Do not edit the variables below
var max_ani=4
var aniwidth=54
var aniheight=54
var x_posani=0
var y_posani=0
var x_posflower=0
var y_posflower=0
var screenwidth
var screenheight
var thisani
var i_ani=1
var xrange
var x=100
var y=0
var timer,timerbox
var message=" "
var messagecontent=" "
var clipleft=0
var clipright=tickerwidth
var cliptop=0
var clipbottom=0
fntweight=100*fntweight

function getmessagecontent() {	
		messagecontent="<table cellspacing=0 cellpadding="+tickerpadding+" width="+tickerwidth+" height="+tickerheight+" border="+borderwidth+"><tr><td valign=top bgcolor="+backgroundcolor+">"
		messagecontent+="<span style='position:relative; font-family:"+fnt+";color:"+fntcolor+";font-size:"+fntsize+"pt;font-weight:"+fntweight+"'>"	
		messagecontent+="<font color='"+fntcolor+"'>"
		messagecontent+=message
		messagecontent+="</font>"
		messagecontent+="</span>"
		messagecontent+="</td></tr></table>"
}

function initiate(thismessage) {
	clearTimeout(timer)
	clearTimeout(timerbox)
	clipbottom=0
	message=thismessage
	getmessagecontent()
	if (document.all) {
		flower.innerHTML=messagecontent
        screenwidth=document.body.clientWidth
        y_posani=y-30
        x_posani=0
        document.all.bottom1.style.posLeft=x_posani
        document.all.bottom1.style.posTop=y_posani
        thisani=eval("document.all.left"+i_ani+".style")
	}
	if (document.layers) {
		document.flower.document.write(messagecontent)
		document.flower.document.close()
		screenwidth=window.innerWidth
     	y_posani=y-30
        x_posani=0
        document.bottom1.left=x_posani
        document.bottom1.top=y_posani
        thisani=eval("document.left"+i_ani)
	}
	movebottom1()
}

function stopanimation() {
	clearTimeout(timer)
	clearTimeout(timerbox)
	clipbottom=0
	if (document.all) {
		thisani.posLeft=-1000
		document.all.manurinating.style.posLeft=-1000
		document.all.flower.style.posLeft=-1000

}
	if (document.layers) {
		document.manurinating.left=-1000
		document.flower.left=-1000
		document.bottom1.left=-1000
		document.bottom2.left=-1000
		document.bottom3.left=-1000
		document.bottom4.left=-1000
		document.right1.left=-1000
		document.right2.left=-1000
		document.right3.left=-1000
		document.right4.left=-1000
		document.top1.left=-1000
		document.top2.left=-1000
		document.top3.left=-1000
		document.top4.left=-1000
		document.left1.left=-1000
		document.left2.left=-1000
		document.left3.left=-1000
		document.left4.left=-1000
	}
}

function movebottom1() {
	if (x_posani<x-aniwidth) {
		x_posani+=anistep
		if (document.all) {
            thisani.posLeft=-2000
            thisani=eval("document.all.bottom"+i_ani+".style")
			thisani.posLeft=x_posani
			thisani.posTop=y_posani
		}
		if (document.layers) {
			thisani.left=-2000
            thisani=eval("document.bottom"+i_ani)
			thisani.left=x_posani
			thisani.top=y_posani
		}
        i_ani++
        if (i_ani>max_ani) {i_ani=1}
		timer=setTimeout("movebottom1()",anipause)
	}
	else {
		clearTimeout(timer)
		x_posani-=anistep
		showurinator()
	}
}

function showurinator() {
		if (document.all) {
			thisani.posLeft=-2000
			manurinate.src="manurinating.gif"
            document.all.manurinating.style.posLeft=x_posani
            document.all.manurinating.style.posTop=y_posani
		}
		if (document.layers) {
			thisani.left=-2000
			document.manurinating.document.manurinate.src="manurinating.gif"
 			document.manurinating.left=x_posani
            document.manurinating.top=y_posani
		}
		timer=setTimeout("hideurinator()",2000)
}

function hideurinator() {
		if (document.all) {
            document.all.manurinating.style.posLeft=-2000
			document.all.flower.style.posLeft=x-10
      		document.all.flower.style.posTop=y-10
			document.all.flower.style.zIndex=100
		}
		if (document.layers) {
 			document.manurinating.left=-2000
			document.flower.left=x-10
        	document.flower.top=y-10
			document.flower.zIndex=100
		}
		upmessagebox()
		movebottom2()
}

function upmessagebox() {
		if (clipbottom<=tickerheight) {
			clipbottom+=2
			if (document.all) {
        		document.all.flower.style.posTop-=2
				document.all.flower.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
			}
			if (document.layers) {
				document.flower.top-=2
				document.flower.clip.top=cliptop
				document.flower.clip.bottom=clipbottom
				document.flower.clip.left=clipleft
				document.flower.clip.right=clipright
			}
			timerbox=setTimeout("upmessagebox()",50)
		}
		else {
			clearTimeout(timerbox)
			var timerdown=setTimeout("downmessagebox()",1000)
		}
}

function downmessagebox() {
		if (clipbottom>=0) {
			clipbottom-=2
			if (document.all) {
        		document.all.flower.style.posTop+=2
				document.all.flower.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
			}
			if (document.layers) {
				document.flower.top+=2
				document.flower.clip.top=cliptop
				document.flower.clip.bottom=clipbottom
				document.flower.clip.left=clipleft
				document.flower.clip.right=clipright
			}
			timerbox=setTimeout("downmessagebox()",50)
		}
		else {
			clearTimeout(timerbox)
		}
}

function movebottom2() {
	if (x_posani<screenwidth-aniheight) {
		x_posani+=anistep
		if (document.all) {
            thisani.posLeft=-2000
            thisani=eval("document.all.bottom"+i_ani+".style")
			thisani.posLeft=x_posani
			thisani.posTop=y_posani
		}
		if (document.layers) {
			thisani.left=-2000
            thisani=eval("document.bottom"+i_ani)
			thisani.left=x_posani
			thisani.top=y_posani
		}
        i_ani++
        if (i_ani>max_ani) {i_ani=1}
		timer=setTimeout("movebottom2()",anipause)
	}
	else {
		clearTimeout(timer)
		x_posani-=anistep
		moveright()
	}
}

function moveright() {
	if (y_posani>0) {
		y_posani-=anistep
		if (document.all) {
            thisani.posLeft=-2000
            thisani=eval("document.all.right"+i_ani+".style")
			thisani.posLeft=x_posani
			thisani.posTop=y_posani
		}
		if (document.layers) {
			thisani.left=-2000
            thisani=eval("document.right"+i_ani)
			thisani.left=x_posani
			thisani.top=y_posani
		}
        i_ani++
        if (i_ani>max_ani) {i_ani=1}
		timer=setTimeout("moveright()",anipause)
	}
	else {
		clearTimeout(timer)
		y_posani+=anistep/2
		movetop()
	}
}

function movetop() {
	if (x_posani>0) {
		x_posani-=anistep
		if (document.all) {
            thisani.posLeft=-2000
            thisani=eval("document.all.top"+i_ani+".style")
			thisani.posLeft=x_posani
			thisani.posTop=y_posani
		}
		if (document.layers) {
			thisani.left=-2000
            thisani=eval("document.top"+i_ani)
			thisani.left=x_posani
			thisani.top=y_posani
		}
        i_ani++
        if (i_ani>max_ani) {i_ani=1}
		var timer=setTimeout("movetop()",anipause)
	}
	else {
		clearTimeout(timer)
		stopanimation()
	}
}

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

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

// - End of JavaScript - -->
</script>

2/ Inscrivez DANS la balise BODY :

3/ Inscrivez entre BODY et /BODY :

et à l'emplacement du lien réactif (texte ou image):

attention aux apostrophes dans le message, qu'il faudra écrire \' au lieu de '