questo è stato copiato su internet ed è leggibile la provenienzaOriginariamente inviato da gorgonzola
dovrei visualizzare sia dello scritto che un'immagine-icona da utilizzare come link ad altre pagine
<HTML>
<HEAD>
<STYLE>
.ttip {border:14px solid black;font-size:12px;layer-background-color: #dcdcdc;}
#tooltip{background-image:url('nomeSfondo.gif');background-repeat:no-repeat;background-position: 50% 50%;}
</STYLE>
<script>
//Script created by Jim Young (www.virgilio.it)
//Submitted to Website Abstraction (http://wsabstract.com)
//Visit http://wsabstract.com for this script
//Set the tool tip message you want for each link here.
var tip=new Array
tip[0]='Visita Quello Che Vuoi
e Buon Divertimento!'
tip[1]='Visita quello che vuoi
e salutami tutti!'
tip[2]= 'Un vero WebMaster sa come
Bisogna Fare'
tip[3]='Questo è proprio un
bellissimo sito'
function showtip(current,e,num)
{
if (document.layers) // Netscape 4.0+
{
theString="<DIV CLASS='ttip'>"+tip[num]+"</DIV>"
document.tooltip.document.write(theString)
document.tooltip.document.close()
document.tooltip.left=e.pageX+14
document.tooltip.top=e.pageY+2
document.tooltip.visibility="show"
}
else
{
if(document.getElementById) // Netscape 6.0+ and Internet Explorer 5.0+
{
elm=document.getElementById("tooltip")
elml=current
elm.innerHTML=tip[num]
elm.style.height=elml.style.height
elm.style.top=parseInt(elml.offsetTop+elml.offsetH eight)
elm.style.left=parseInt(elml.offsetLeft+elml.offse tWidth+10)
elm.style.visibility = "visible"
}
}
}
function hidetip(){
if (document.layers) // Netscape 4.0+
{
document.tooltip.visibility="hidden"
}
else
{
if(document.getElementById) // Netscape 6.0+ and Internet Explorer 5.0+
{
elm.style.visibility="hidden"
}
}
}
</script>
</HEAD>
<BODY>
/*prova a dare dei margini a questo link*/
<div id="tooltip" style="position:absolute;visibility:hidden; border:1px solid lack;font-size:12px;layer-background-color:#0099ff; background-color:#0099ff; padding:21px"></div>
[img]nomeImmagine.jpg[/img]
Forum di HTML
Il sito di chl
Un motore di ricerca
</BODY>
</html>