تغیر 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>

نام تاپیک: تغیر background با قرار دادن ماوس

ابزار های تاپیک

نمایش