[W!ndows]

كود:

      1- انسخ هذا الكود و ضعه في منطقة HEAD
  
 <script>
<!--

/*
Textual Tooltip Script- 
© Dynamic Drive (www.elahmad.com)
For full source code, installation instructions,
100's more DHTML scripts, and Terms Of
Use, visit elahmad.com
*/
/*  www.elahmad.com */

var content=new Array()
//change the array below to the text associated with your links Expand or contract the array, depending on how many links you have
content[0]='<br><big><b>وصف الرابط الأول</b></big><br>اكتب هنا وصف الرابط 1'
content[1]='<br><big><b>وصف الرابط الثاني</b></big><br>اكتب هنا وصف الرابط 2'
content[2]='<br><big><b>وصف الرابط الثالث</b></big><br>اكتب هنا وصف الرابط 3'
content[3]='<br><big><b>وصف الرابط الرابع</b></big><br>اكتب هنا وصف الرابط 4'
content[4]='<br><big><b>وصف الرابط الخامس</b></big><br>اكتب هنا وصف الرابط 5'
content[5]='<br><big><b>وصف الرابط السادس</b></big><br>اكتب هنا وصف الرابط 6'
content[6]='<br><big><b>وصف الرابط السابع</b></big><br>اكتب هنا وصف الرابط 7'
content[7]='<br><big><b>وصف الرابط الثامن</b></big><br>اكتب هنا وصف الرابط 8'
content[8]='<br><big><b>وصف الرابط التاسع</b></big><br>اكتب هنا وصف الرابط 9'

function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers){
appear()
setTimeout("window.onresize=regenerate",450)
}
}

function changetext(whichcontent){

if (document.all||document.getElementById){
cross_el=document.getElementById? document.getElementById("descriptions"):document.all.descriptions
cross_el.innerHTML='<font face="Tahoma"><small>'+whichcontent+'<font></small>'
}
else if (document.layers){
document.d1.document.d2.document.write('<font face="Tahoma"><small>'+whichcontent+'</small></font>')
document.d1.document.d2.document.close()
}

}

function appear(){
document.d1.visibility='show'
}

window.onload=regenerate2


//-->
</script> 
  
     2- انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY و عدل للذي يناسبك
  <TABLE width="500" border="1"><TR><TD width="20%">
 <div id="scriptmenu" style="line-height:20px"><p><strong><font face="Tahoma">
            <a href="http://www.elahmad.com/" onMouseover="changetext(content[0])"><small>الرابط الأول</small></a><br>
            <a href="http://www.elahmad.com/" onMouseover="changetext(content[1])"><small>الرابط الثاني</small></a><br>
            <a href="http://www.elahmad.com/" onMouseover="changetext(content[2])"><small>الرابط الثالث</small></a><br>
            <a href="http://www.elahmad.com/" onMouseover="changetext(content[3])"><small>الرابط الرابع</small></a><br>
            <a href="http://www.elahmad.com/" onMouseover="changetext(content[4])"><small>الرابط الخامس</small></a><br>
            <a href="http://www.elahmad.com/" onMouseover="changetext(content[5])"><small>الرابط السادس</small></a><br>
            <a href="http://www.elahmad.com/" onMouseover="changetext(content[6])"><small>الرابط السابع</small></a><br>
            <a href="http://www.elahmad.com/" onMouseover="changetext(content[7])"><small>الرابط الثامن</small></a><br>
            <a href="http://www.elahmad.com/" onMouseover="changetext(content[8])"><small>الرابط التاسع</small></a></font></strong></p>
</div>
</TD><TD width="80%" valign="top">

<ilayer id="d1" width="200" height="200" visibility="hide">
<layer id="d2" width="200" height="200">
<div id="descriptions" align="center">

<!--Change below to default content of your own-->
<strong><font face="Arial" color="#000000"><p>عرض وصف جميل للروابط<br>
        </font></strong><font face="Tahoma"><small>نتمنى أن يعجبكم ... ضع مؤشر الماوس على إحدى الروابط</small><br>
        </font>
<!--Stop editting-->

</div>
</layer>
</ilayer></TD></TR></TABLE>