ســـلام
من میخواستم که یه جدول درست کنم وقتی نشانگر موس روی اون میره رنگ بکگراند و رنگ border اون تغییر کنه
و وقتی نشانگر موس از روی اون برداشته میشه رنگ بکگراند و رنگ border به حالت اول برگرده
اگه راهنمائی کنین ممنون میشم :)
Printable View
ســـلام
من میخواستم که یه جدول درست کنم وقتی نشانگر موس روی اون میره رنگ بکگراند و رنگ border اون تغییر کنه
و وقتی نشانگر موس از روی اون برداشته میشه رنگ بکگراند و رنگ border به حالت اول برگرده
اگه راهنمائی کنین ممنون میشم :)
یه مقدار باید از قدرت CSS اینجا استفاده کنید.
به این صفحه مراجعه کنید:
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
اگه متوجه نشدید بگید راهنمایی می کنم.
از راهنمائیتون متشکرم
اگه مشکل داشتم مزاحمتون میشم
;)
ببخشید من نتونستم همزمان هم بکگراند و هم border رو تغییر بدم
من source جدول رو براتون میزارم اگه یه نگاهی کنین و مشکل و حل کنین ممنون میشم
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
تو td ها یه چیزی بنویسید. درست میشه. خالی نزارید.
[HTML]
<html dir="rtl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Language" content="fa">
<title>New Page</title>
<STYLE>
.change {border:1px solid #000000; background-color:#FFFFFF }
.back {border:1px solid #99CCFF; background-color:#99CCFF }
</STYLE>
</head>
<body topmargin="30" leftmargin="30" rightmargin="30" bottommargin="30">
<table border="1" width="400" cellspacing="1" bgcolor="#99CCFF" bordercolor="#99CCFF" id="table1" height="30">
<tr>
<td width="100" onmouseover="this.className='change'" onmouseout="this.className='back'" >123</td>
<td width="100" onmouseover="this.className='change'" onmouseout="this.className='back'" >123</td>
<td width="100" onmouseover="this.className='change'" onmouseout="this.className='back'" >123</td>
<td width="100" onmouseover="this.className='change'" onmouseout="this.className='back'" >123</td>
</tr>
</table>
</body>
</html>
[/HTML]
از لطف و راهنمائیتون خیلی متشکرم