WAKANAA DAAWO THE EFFECT OF THIS TABLE.... http://saciidbarre.com/Jkuery/jk.html
This the code
// Author: SACIID AFISOONE-ALLAH HA XAFIDO
<!DOCTYPE html>
<html>
<head>
<title> Casharadii html css iyo Jquery</title>
<link rel="stylesheet" href="box.css" type="text/css" media="screen" />
<script src="jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready (function()
{
$('.xir').addClass('daasada');
$('tr:odd').addClass('c1');
$('tr:even').addClass('c2');
$('tr:contains("Macalin")').addClass('highlight');
});
</script>
<script languge="javascript" type="text/javascript">
$(document).ready(function()
{
//hide the all of the element with class msg_body
$(".gudaha_miska").hide();
//toggle the componenet with class msg_body
$(".cinwaanka").click(function()
{
$(this).next(".gudaha_miska").toggle(600);
$(".gudaha_miska").animate({"left": "250px"});
$(".gudaha_miska").animate({"left": "550px"});
});
$(".close").click(function () {
$(".gudaha_miska").animate({"top": "3px"});
$(".gudaha_miska").hide( );
});
});
</script>
</head>
<body>
<div class="jirka">
<h1>Saciid Afisoone wuxuu dhahay:</h1>
<div class="xir">
<div> Aduunka waa maalin ama waa maalin galinkeeda</div>
</div>
<h1> Shaydaanka wuxuu dhahay:</h1>
<div class="xir">
<div> Dadka naarta ayaa u hagayaa ilaa yowmul qiyaamaha</div>
</div>
</div>
<div class="jidwal">
<p class="cinwaanka" >Halkaan Riix sida Tableka u aragtid </p>
<div class="gudaha_miska">
<table width="700">
<TD class="close" BGCOLOR="GOLD">
close
</TD>
<tr>
<td class="td">Saciid</td>
<td class="td">Afisoone</td>
<td class="td">Macalin</td>
</tr>
<tr>
<td class="td">Khalid</td>
<td class="td">Oyaayaaye</td>
<td class="td">Ardey</td>
</tr>
<tr>
<td class="td">Mursal</td>
<td class="td">danyeer</td>
<td class="td">Ardey</td>
</tr>
<tr>
<td class="td">Amina</td>
<td class="td">Araweelo</td>
<td class="td"> Ardey</td>
</tr>
</table>
</div>
</div>
</div>
</body>
</html>
// Qoraaga: Saciid Afisoone-who else?
