AIXÍ ES
VEU EL RESULTAT DE L'SCRIPT:
Per aquesta funció,
copia l'script de la finestra de sota i enganxa'l entre les etiquetes head i
/head de la teva pàgina.
<style type="text/css">
<!--
.menu {font-family:Arial; font-weight:bold}
.menu a{
text-decoration:none;
color:black;
}
-->
</style>
<script language="javascript">
<!--
/*
Aquest i altres Javascripts els pots trobar a El Somriure de Mona Lisa
http://telefonica.net/web2/elsomriuredemonalisa
*/
function movein(which,html){
which.style.background='coral'
if (document.getElementById)
document.getElementById("boxdescription").innerHTML=html
else
boxdescription.innerHTML=html
}
function moveout(which){
which.style.background='bisque'
if (document.getElementById)
document.getElementById("boxdescription").innerHTML=' '
else
boxdescription.innerHTML=' '
}
//-->
</script>
|
I aquesta
altra part del script l'has d'enganxar entre les etiquetes <body> i </body>, en
el lloc on vulguis que es vegi la taula de links.
He
remarcat els texts que has de canviar al teu gust, en
color verd
per a que sàpigues bé on està.
<table bgcolor="black" border="1" bordercolor="ivory"
cellpadding="2" cellspacing="0">
<tr>
<td class="menu" bordercolor="black" id="choice1" style="background-color:bisque;
cursor:hand" onmouseover="movein(this,'Enciclopèdia
Catalana')" onmouseout="moveout(this)"">
<a href="http://www.grec.net" target="_blank">Enciclopèdia
Catalana</a></td></tr>
<td class="menu" bordercolor="black" id="choice2" style="background-color:bisque;
cursor:hand" onmouseover="movein(this,'Hostatge de
Fotos')" onmouseout="moveout(this)">
<a href="http://photobucket.com">Photobucket.com</a></td></tr>
<td class="menu" bordercolor="black" id="choice3" style="background-color:bisque;
cursor:hand" onmouseover="movein(this,'Diccionari
Alcover-Moll')" onmouseout="moveout(this)"><a href="http://dcvb.iecat.net">Alcover-Moll</a></td></tr>
<td class="menu" bordercolor="black" id="choice4" style="background-color:bisque;
cursor:hand" onmouseover="movein(this,'El Somriure
de Mona Lisa')" onmouseout="moveout(this)"><a href="http://www.telefonica.net/web2/elsomriuredemonalisa">El
Somriure de Mona Lisa</a></td></tr>
<tr>
<td bordercolor="black" bgcolor="ivory" height="18"><font id="boxdescription"
face="Verdana" size="0"></font></td></tr>
</table>
|
Per a evitar errors en
els codis Java, és aconsellable que abans d'enganxar l'script a la pàgina,
el copiïs en un document
del bloc de notes i l'enganxis després a la teva web.