قائمة تظهر من رأس الصفحة بشكل جميل

قائمة تظهر من رأس الصفحة بشكل جميل

حدث الصفحة لترى القائمة مرة أخرى

بريد هواميل

رابط رقم 1

رابط رقم 2

رابط رقم 3

رابط رقم 4

رابط رقم 5

طريقة التركيب

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

2- عدل في الوسم BODY ليظهر مثل هذا

3- انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY

<div id="object1" style="position: absolute; visibility: show; left: 50px; top: -50px; z-index: 2; cursor: se-resize">
<table border=1 width=150 bgcolor=#0066cc><tr>
<td>
<center>
<a href="http://www.elahmad.com/" style="color: #ffffff; cursor: se-resize"><B>بريد هواميل</B></a>
</center>
</td>
</table>
</div>

<div id="object2" style="position: absolute; visibility: show; left: 50px; top: -50px; z-index: 2; cursor: se-resize">
<table border=1 width=150 bgcolor=#0066cc><tr>
<td>
<center>
<a href="http://www.elahmad.com/" style="color: #ffffff; cursor: se-resize"><B>رابط رقم 1</B></a>
</center>
</td>
</table>
</div>

<div id="object3" style="position: absolute; visibility: show; left: 50px; top: -50px; z-index: 2; cursor: se-resize">
<table border=1 width=150 bgcolor=#0066cc><tr>
<td>
<center>
<a href="http://www.elahmad.com/" style="color: #ffffff; cursor: se-resize"><B>رابط رقم 2</B></a>
</center>
</td>
</table>
</div>

<div id="object4" style="position: absolute; visibility: show; left: 50px; top: -50px; z-index: 2; cursor: se-resize">
<table border=1 width=150 bgcolor=#0066cc><tr>
<td>
<center>
<a href="http://www.elahmad.com/" style="color: #ffffff; cursor: se-resize"><B>رابط رقم 3</B></a>
</center>
</td>
</table>
</div>

<div id="object5" style="position: absolute; visibility: show; left: 50px; top: -50px; z-index: 2; cursor: se-resize">
<table border=1 width=150 bgcolor=#0066cc><tr>
<td>
<center>
<a href="http://www.elahmad.com/" style="color: #ffffff; cursor: se-resize"><B>رابط رقم 4</B></a>
</center>
</td>
</table>
</div>

<div id="object6" style="position: absolute; visibility: show; left: 50px; top: -50px; z-index: 2; cursor: se-resize">
<table border=1 width=150 bgcolor=#0066cc>
<tr><td>
<center>
<a href="http://www.elahmad.com/" style="cursor: se-resize; color: #FFFFFF"><B>رابط رقم 5</B></a>
</center>
</td>
</table>
</div>

قائمة-تظهر-من-رأس-الصفحة-بشكل-جميل-java-script

موقع الاحمد جافا سكريبت