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

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

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)