تفضل اخي الكريم
كود css
كود:
a {
color:black;
text-decoration: none;
}
body {
font-family: tahoma, arial, helvetica, sans-serif ;
}
.menu {
text-align: center;
border: dotted gray 1px;
margin-bottom:3px
}
.menuhover {
background: #f3f3f3;
text-align: center;
border: dotted gray 1px;
margin-bottom:3px
}
كود html
كود:
<table class="menu" width="100%"> <tr> <td><a href="?page=note"> <span lang="ar-kw"><font size="2">ملاحظاتي</font></span></a></td> </tr> </table> <table class="menu" width="100%"> <tr> <td><a href="?page=note"> <span lang="ar-kw"><font size="2">ملاحظاتي</font></span></a></td> </tr> </table> <table class="menu" width="100%"> <tr> <td><a href="?page=note"> <span lang="ar-kw"><font size="2">ملاحظاتي</font></span></a></td> </tr> </table>
كود javascript
كود:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>
$(".menu").hover(
function () {$(this).addClass("menuhover");},
function () {$(this).removeClass("menuhover");
});
</script>
يرجى وضع كود الـ javascript في نهاية الصفحة قبل </body>
خالص تحياتي