Mostra un scroll al posar-te sobre un link


Posa el punter del mouse damunt els links i veuràs l'efecte

El Temps a Sa Cabaneta
Revista Pòrtula
Java Scripts
El Rincón del Renault 8

<script>
if (!document.layers&&!document.all)
event="test"
function showtip2(current,e,text){

if (document.all&&document.readyState=="complete"){ document.all.tooltip2.innerHTML='<marquee style="border:1px solid black">'+text+'</marquee>' document.all.tooltip2.style.pixelLeft=event.clientX+document.body.scrollLeft+10 document.all.tooltip2.style.pixelTop=event.clientY+document.body.scrollTop+10 document.all.tooltip2.style.visibility="visible"
}
else if (document.layers){ document.tooltip2.document.nstip.document.write('<b>'+text+'</b>') document.tooltip2.document.nstip.document.close() document.tooltip2.document.nstip.left=0 currentscroll=setInterval("scrolltip()",100) document.tooltip2.left=e.pageX+10
document.tooltip2.top=e.pageY+10
document.tooltip2.visibility="show"
}
}
function hidetip2(){
if (document.all)
document.all.tooltip2.style.visibility="hidden"
else if (document.layers){
clearInterval(currentscroll)
document.tooltip2.visibility="hidden"
}
}
function scrolltip(){
if
(document.tooltip2.document.nstip.left>=-document.tooltip2.document.nstip.document.width) document.tooltip2.document.nstip.left-=5
else
document.tooltip2.document.nstip.left=150
}
</script>

<div id="tooltip2" style="position:absolute;visibility:hidden;
clip:rect(0 150 50 0);
width:150px;background-color:lightyellow">
<layer name="nstip" width=1000px bgColor="lightyellow">
</layer>
</div>


<font face="Arial"> <a href="http://www.mallorcaweb.net/sacabaneta/" onMouseover="showtip2(this,event,'Informació meteorològica local, amb enllaços a molts llocs relacionats amb el tema ')" onMouseout="hidetip2()">El Temps a Sa Cabaneta</a><br></font>

<font face="Arial"> <a href="http://www.portula.net/" onMouseover="showtip2(this,event,'Portula Marratxí M@il.... informació local i agenda!')" onMouseout="hidetip2()">Revista Pòrtula de Marratxí</a><br> </font>

<font face="Arial"><ahref="http://www.mallorcaweb.net/sacabaneta/scripts1.htm" onMouseover="showtip2(this,event,'Obri la pàgina, mira el que t´agradi i l'agafes !')" onMouseout="hidetip2()">Java Scripts</a><br> </font>

<font face="Arial"> <a href="http://www.mallorcaweb.net/renault8/" onMouseover="showtip2(this,event,'Pàgina dedicada a aquest vehicle')" onMouseout="hidetip2()">Pòrtula.net</a></font> </div>

 


Aqui pots veure l'script a d'alt en cursiva i marron, llavors els links més avall amb les lletres que pots configurar al teu gust, en diferents colors; pots afegir tants link com vulguis respetant el modo en que estan els que veus..... que t'aprofiti !
Copieu i despres d'adaptar-ho a les teves necessitats poseu tot junt on vulguis que surtin els links

Tornar