1. Accueil
  2. Tous les snippets
  3. Snippets Javascript
  4. Liens sous forme de message se promène de façon aléatoire....

Liens sous forme de message se promène de façon aléatoire....

Soyez le premier à donner votre avis sur cette source.

Snippet vu 6 204 fois - Téléchargée 27 fois

Commenter

Contenu du snippet

Des liens sous forme message qui de façon aléatoire apparaissent sur votre page
et ce promène jusqu'à disparaître avec un effet fondu, puis réapparaissent de nouveau...

Source / Exemple : 


<head>
<script>
<!-- 

var mestext=new Array()          // vos messages..
mestext[0]="Changez le texte..."
mestext[1]="Mettez les liens que vous voulez..."
mestext[2]="Et amusez-vous bien..."
mestext[3]="Rajoutez des couleurs..."

var vosliens=new Array()         // un message sur chaque lien
vosliens[0]="http://www.lien inactif"
vosliens[1]="http://www.lien inactif"
vosliens[2]="http://www.lien inactif"
vosliens[3]="http://www.lien inactif"
                             
var Cops=new Array()     // avec sa police
Cops[0]="arial"
Cops[1]="arial"
Cops[2]="arial"
Cops[3]="arial"

var sizeCops=new Array()   //  sa taille de texte
sizeCops[0]=12
sizeCops[1]=12
sizeCops[2]=12
sizeCops[3]=12

var coulCops=new Array()   //  sa couleur
coulCops[0]="red"
coulCops[1]="blue"
coulCops[2]="brown"
coulCops[3]="black"

var Epaislettre=new Array() //  épaisseur des lettres, entre 1 à 9

Epaislettre[0]=2
Epaislettre[1]=2
Epaislettre[2]=2
Epaislettre[3]=2

var pixmestext=new Array()   // chacun des messages a son étendue, en pixels

pixmestext[0]=150
pixmestext[1]=150
pixmestext[2]=150
pixmestext[3]=150

var speedmestext=3   // leurs vitesses...

var saBallad=20
var msgspec=mestext.length-1
var killx=new Array()
var killy=new Array()
for (i=0;i<=msgspec;i++) {
	killx[i]=ajouT(speedmestext)
	killy[i]=ajouT(speedmestext)
}
var magwidth=new Array()
var magheight=new Array()
for (i=0;i<=msgspec;i++) {
	magwidth[i]=10
	magheight[i]=10
}
var patientstrength=new Array()
var patientstop=new Array()
var patientmainte=new Array()
var patientmaintemax=new Array()
for (i=0;i<=msgspec;i++) {
	patientmaintemax[i]=ajouT(10)+2	
	patientstrength[i]=ajouT(90)	
	patientstop[i]=1
	patientmainte[i]=0
}
var x,y
var larbinbottom
var larbinleft=0
var larbintop=0
var larbinright
var timer
for (i=0;i<=msgspec;i++) {
    Epaislettre[i]=100*Epaislettre[i]
}
var choixAlea=new Array()
for (i=0;i<=msgspec;i++) {
    choixAlea[i]="<table width="+pixmestext[i]+" cellspacing=0><tr><td valign=top>"
    choixAlea[i]+="<span style='position:relative; font-family:"+Cops[i]+";font-size:"+sizeCops[i]+"pt;font-weight:"+Epaislettre[i]+"'>"	
    choixAlea[i]+="<a href='"+vosliens[i]+"' style='text-decoration:none'>"
    choixAlea[i]+="<font color="+coulCops[i]+">"
    choixAlea[i]+=mestext[i]
    choixAlea[i]+="</a>"
    choixAlea[i]+="</span>"
    choixAlea[i]+="</td></tr></table>"
}
function detenTe() {
	if (document.all) {
    	larbinbottom=document.body.clientHeight-5
    	larbinright=document.body.clientWidth-5
		for (i=0;i<=msgspec;i++) {             
			var sesspan = eval("document.all.span"+i)
    		sesspan.innerHTML=choixAlea[i]
			var sesspan = eval("document.all.span"+(i)+".style")
           	sesspan.posLeft=(larbinright)
			sesspan.posTop=ajouT(larbinbottom)  
		}
		for (i=0;i<=msgspec;i++) {
			var sesspan = eval("document.all.span"+i)
			magwidth[i]=sesspan.offsetWidth
			magheight[i]=sesspan.offsetHeight
			
		}
		reFlex()
	}
}
function ajouT(voIr) {		
	rand=Math.floor(voIr*Math.random())
	if (rand==0) {rand=Math.ceil(voIr/2)}
    return rand
}
function reFlex() {
	if (document.all) {
		for (i=0;i<=msgspec;i++) {  
			var thisfilter=eval("span"+i)
			patientmainte[i]++
			if (patientmainte[i]>=patientmaintemax[i]) {
				patientmainte[i]=0
				if (patientstrength[i]>=100) {patientstop[i]=patientstop[i]*-1}
				else if (patientstrength[i]<=-20) {patientstop[i]=patientstop[i]*-1}
			}
			patientstrength[i]+=patientstop[i]
			thisfilter.filters.alpha.opacity=Math.floor(patientstrength[i])
			
    	}
		blEuf()
		goDance()
    	timer=setTimeout("reFlex()",saBallad)
	}
}
function goDance() {
		if (document.all) {
			for (i=0;i<=msgspec;i++) {  
    			var sesspan=eval("document.all.span"+(i)+".style")
    			sesspan.posLeft+=killx[i]
				sesspan.posTop+=killy[i]
    		}
		}
}
function blEuf() {
	if (document.all) {
		for (i=0;i<=msgspec;i++) {             
			var sesspan=eval("document.all.span"+i+".style")
			if (sesspan.posLeft>larbinright-magwidth[i]) {
				sesspan.posLeft-=Math.abs(killx[i]+1)
				killx[i]=ajouT(speedmestext)*-1	
			}
			if (sesspan.posLeft<larbinleft) {
				sesspan.posLeft+=Math.abs(killx[i])
				killx[i]=ajouT(speedmestext)			
			}	
			if (sesspan.posTop>larbinbottom-magheight[i]) {
				sesspan.posTop-=Math.abs(killy[i])
				killy[i]=ajouT(speedmestext)*-1

			}
			if (sesspan.posTop<larbintop) {
				sesspan.posTop+=Math.abs(killy[i])
				killy[i]=ajouT(speedmestext)
			}
		}
	}
}

</script>
<body bgcolor="#cccccc">
<script>
<!-- 
if (document.all) {
	for (i=0;i<=msgspec;i++) {
    	document.write("<span id='span"+i+"' style='position:absolute;z-index:100;filter:alpha(opacity=50)'></span>")
    	document.close()
	}
 	window.onload=detenTe
}

</script>

Conclusion :


Cool pour animé des liens sur une page... vos critique ou encouragement son les bienvenues...

A voir également

Ajouter un commentaire Commentaires
Jsman Messages postés 264 Date d'inscription jeudi 31 juillet 2003 Statut Membre Dernière intervention 12 juillet 2005
26 avril 2004 à 19:36
BRAVO, c'est génial !
tit1012 Messages postés 47 Date d'inscription dimanche 12 octobre 2003 Statut Membre Dernière intervention 4 mars 2007
11 janv. 2004 à 10:13
tu pourrai essayer de faire sa avec des images aussi
S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Du même auteur (Bitter1)