Javascript - Html kodları

Aşağıdaki kodları <body> kodundan sonra istediğiniz bir yere yapıştırın.

{codecitation class="brush: xml; gutter: false;" width="500px"}
<style TYPE="text/css">
<!--
body {
font-family: Verdana, arial, helvetica, sans-serif;
font-size: 10pt;
}
body ul li
{ margin-bottom: 4pt
}
h1 { font-size: 14pt; }
h2 { font-size: 12pt; }
h3 { font-size: 11pt; }

.tip { font-family: Verdana, arial, helvetica, sans-serif;
font-size: 8pt;
}

a:link { color: #000066 }
a:visited { color: #333399 }
-->
</style>
<script LANGUAGE="JavaScript">
<!--
if (!document.layers && !document.all) {
event = "nope"
}
function doTooltip(evt,txt) {
var tip = '<TABLE BGCOLOR="#000000" WIDTH="280" CELLSPACING="0" CELLPADDING="1" BORDER="0"><TR><TD><TABLE BGCOLOR="#FFFFCC" WIDTH="100%" CELLSPACING="0" CELLPADDING="4" BORDER="0"><TR><TD>' + txt + '</TD></TR></TABLE></TD></TR></TABLE>'
if (document.layers) {
document.tooltip.document.write(tip)
document.tooltip.document.close()
document.tooltip.left = evt.pageX + 8
document.tooltip.top = evt.pageY + 8
document.tooltip.visibility = "show"
}
if (document.all) {
document.all.tooltip.innerHTML = tip
document.all.tooltip.style.pixelLeft = evt.offsetX + 8
document.all.tooltip.style.pixelTop = evt.offsetY + 8
document.all.tooltip.style.visibility = "visible"
}
}
function hideTip() {
if (document.layers) {
document.tooltip.visibility = "hide"
}
if (document.all) {
document.all.tooltip.style.visibility = "hidden"
}
}
//-->
</script>
<div ID="tooltip" STYLE="position:absolute; visibility:hidden; z-index:10"></div>

<ul>
<li><p align="center"><a HREF="#"
ONMOUSEOVER="doTooltip(event,'Link 1 Açıklaması')"
ONMOUSEOUT="hideTip()">link 1</a></p>
</li>
<li><p align="center"><a HREF="#"
ONMOUSEOVER="doTooltip(event,'link 2 Açıklaması')" ONMOUSEOUT="hideTip()">link
2</a></p>
</li>
</ul>

{/codecitation}



Örnek demo için tıklayın >>