Home + Webmaster + Script + Javascript + Bottoni + Links con relative descrizioni Es. 1

Links con relative descrizioni Es. 1

Con questo script si potranno associare diversi testi al passaggio del mouse sui link.

<html>
<head>
<title>Links con relative descrizioni</title>
<style>
body{background-color:white}
A{color:Navy; text-decoration:none}
A:hover{color:red}
A:visited:{color:#808080}
</style>
<script>

//il font da usare
msgFont='Arial,helvetiva'

//grandezza del carattere
msgFontSize=12

//colore del carattere
msgFontColor="black"

messages=new Array(6)
messages[0]="Link 1: Javascript"
messages[1]="Link 2: PHP e MySQL"
messages[2]="Link 3: Applet Java"
messages[3]="Link 4: ASP"
messages[4]="Link 5: Perl/CGI"
messages[5]="Link 7: Dhtml"
messages[6]=""

//Browsercheck:
ie=document.all?1:0
n=document.layers?1:0

function makeChangeTextObj(obj){												
   	this.writeref=(n) ? eval('document.'+obj+'.document'):eval(obj);		
	this.writeIt=b_writeIt;					
}
function b_writeIt(text){
	if(n){
		this.writeref.write(text)
		this.writeref.close()
	}
	if(ie)this.writeref.innerhtml=text		
}

function changeText(num){
	if(ie || n) oMessage.writeIt('<span style="font-size:' +msgFontSize+'px; font-family:'+msgFont+'; color:'+msgFontColor+'">'+messages[num]+'</span>')
}

function changeTextInit(){
	if(ie || n) oMessage=new makeChangeTextObj('divMessage')	
}

onload=changeTextInit
</script>
</head>

<body>
<a href="#" onmouseover="changeText(0)" onMouseout="changeText(6,0)">Link 1</a>
<a href="#" onmouseover="changeText(1)" onmouseout="changeText(6,1)">Link 2</a>
<a href="#" onmouseover="changeText(2)" onmouseout="changeText(6,2)">Link 3</a>
<a href="#" onmouseover="changeText(3)" onmouseout="changeText(6,3)">Link 4</a>
<a href="#" onmouseover="changeText(4)" onmouseout="changeText(6,4)">Link 5</a>
<a href="#" onmouseover="changeText(5)" onmouseout="changeText(6,5)">Link 6</a>
</div>
<div id="divMessage" style="position:absolute; left:200; top:180">
Inserisci il testo di default.
</div>
</body>
</html>

Compatibilità: MsIE | Netscape

Javascript

Altre risorse:
Libri Javascript | Manuale Javascript

Javascript e DHTML Corso per imparare lo scripting lato client con Javascript adatto a qualsiasi livello di esperienza.

Webmaster Avanzato Percorso completo volto a formare dei professionisti del Web. Come si lavora in uno Staff?

Fai fruttare il tuo sito! Diventa oggi stesso un affiliato Trade Doubler e guadagna qualche soldino con il tuo sito web.