- Home Page
- > Script DHTML
- > Script DHTML Links
- > Descrizione
Descrizione
Link con scritta esplicativa quando ci passiamo sopra con il mouse.
<STYLE>BODY {
BACKGROUND-COLOR: white
}
A {
COLOR: navy; TEXT-DECORATION: none
}
A:hover {
COLOR: red
}
A:visited:unknown {
COLOR: #808080
}
</STYLE>
<SCRIPT>
//You have to set some variables here:
//il font da usare
msgFont='Arial,helvetiva'
//grandezza del carattere
msgFontSize=12
//colore del carattere
msgFontColor="black"
/********************************************************************************
Here's the array that holds the text to change the divmessage to
when you mouseover. Change the text here
********************************************************************************/
messages=new Array(6)
messages[0]="Descrizione del link n.1"
messages[1]="Descrizione del link n.2"
messages[2]="Descrizione del link n.3"
messages[3]="Descrizione del link n.4"
messages[4]="Descrizione del link n.5"
messages[5]="Descrizione del link n.6"
messages[6]=""
/********************************************************************************
You don't have to change anything below this
********************************************************************************/
//Browsercheck:
ie=document.all?1:0
n=document.layers?1:0
/********************************************************************************
Constructing the ChangeText object
********************************************************************************/
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
}
/********************************************************************************
The function that calls objects write function with the corect font size
and such onmouseover and mouseout.
********************************************************************************/
function changeText(num){
if(ie || n) oMessage.writeIt('<span style="font-size:' +msgFontSize+'px;
font-family:'+msgFont+'; color:'+msgFontColor+'">'+messages[num]+'</span>')
}
/********************************************************************************
This calls the object constructor
********************************************************************************/
function changeTextInit(){
if(ie || n) oMessage=new makeChangeTextObj('divMessage')
}
//Calls the init function on pageload
onload=changeTextInit
</SCRIPT>
<META content="MSHTML 6.00.2600.0" name=GENERATOR></HEAD>
<BODY>
<DIV id=divlinks style="LEFT: 200px; POSITION: absolute; TOP: 150px"><A
onmouseover=changeText(0) onmouseout=changeText(6,0)
href="#">Link
1</A> <A onmouseover=changeText(1) onmouseout=changeText(6,1)
href="#">Link
2</A> <A onmouseover=changeText(2) onmouseout=changeText(6,2)
href="#">Link
3</A> <A onmouseover=changeText(3) onmouseout=changeText(6,3)
href="#">Link
4</A> <A onmouseover=changeText(4) onmouseout=changeText(6,4)
href="#">Link
5</A> <A onmouseover=changeText(5) onmouseout=changeText(6,5)
href="#">Link
6</A> </DIV>
<DIV id=divMessage style="LEFT: 200px; POSITION: absolute; TOP: 180px">Qui
inserisci il testo di default. </DIV>
</BODY>
A colpo d'occhio
Be Responsive
HTML 5
HTML 5 è un linguaggio di markup utilizzato per la strutturazione e il contenuto delle pagine Web.
CSS 3
CSS 3 è l'ultima evoluzione dei fogli di stile CSS. Contiene molte novità come angoli arrotondati, ombre, sfumature, transizioni o animazioni.
jQuery
jQuery è una libreria JavaScript cross-platform progettata per semplificare lo scripting lato client.