ورود

View Full Version : تغیر background با قرار دادن ماوس


maryam_jamshid
شنبه 14 بهمن 1385, 10:12 صبح
سلام دوستان
چطوری میشه background یک سلول(که یک تصویر می باشد ) از جدول را با قراردادن ماوس روی آن تبدیل به تصویر دیگری شود؟
با تشکر
mhm_fofa
شنبه 14 بهمن 1385, 11:03 صبح
تصویر خود را در تگ <img> قرار دهید.(داخل <td>)
برای onclick آن بنویسید:this.src=xxx
جای xxx ، آدرس URL بنویسید
maryam_jamshid
شنبه 14 بهمن 1385, 11:57 صبح
از جوابتون ممنونم ولی من میخوام تصویر در background سلول باشه،طوری که با حرکت ماوس روی اون سلول، background به تصویری دیگه تبدیل بشه
M-Gheibi
شنبه 14 بهمن 1385, 22:06 عصر
روش کلی به این شکل خواهد بود :
1. دو استایل برای دو حالت : قرار گرفتن اشاره‌گر در الف) محدوده‌ی سلول ، ب) خارج از محدوده‌ی سلول ، تعریف کنید .
2. در دو رویداد onmouseover و onmouseout سلول مورد نظر ، با استفاده از تکه کد جاوا اسکریپت ، استایل مناسب هر وضعیت را به عنوان استایل سلول ست کنید .

برای مثال به نمونه‌ی زیر توجه کنید :

<html>
<body>
<style type="text/css">
.stat1 {
background-image: url(background1.jpg);
}
.stat2 {
background-image: url(background2.jpg);
}
</style>

<table border="1" width="100%" id="table1">
<tr>
<td class="stat1" onmouseover="this.className='stat2'" onmouseout="this.className='stat1'">&nbsp;</td>
</tr>
</table>

</body>
</html>