دوست عزيزم سلام
من هم به خاطر همين خاطر كه يك مقدار مطلب گيج كننده است آن فايل
را ساختم. فايل را دوباره مشاهده كنيد و Source Code آن را بخوانيد.
خواهيد ديد كه من ابتدا يك كلاس به صورت زير درست كردم :
کد:
<style>
.tditem {
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
color: gray;
}
</style>
اسم اين كلاس tditem است.
حالا براي هر Cell ( كه همان خانه هايي هستند كه شما فرموديد ) مي بايست در
چند هنگام كد وارد كنيد. وقتي كه ماوس وارد آن مي شود رنگ آن را تغيير دهيد.
وقتي هم كه خارج مي شود بايد رنگ آن را به رنگ اوليه برگردانيم
به طور مثال براي يك cell به اين صورت مي شود :
کد:
<td onmouseover="bgColor='blue'" onClick="window.location='page1.html'" style="cursor:hand" onmouseout="bgColor='#FFFFFF'" bgcolor="#FFFFFF" width="100" align="center" valign="center"><b><font color="#D5D5D5">
<a href="page1.html" class="tditem">
Item 1</a></font></b></td>
به همين راحتي !
من پينهاد مي كنم اون صفحه من را باز كنيد و Source Code را مشاهده فرماييد
موفق باشيد