درخواست کد سی اس اس

سلام
دوستان من 2 تا لایه با دیویژن ساختم.بعد میخوام یه کار کنم که زمانی با ماوس روی هر کدوم از این 2 تا رفتم تصویر بک گراند دیو عوض شه
مثلا تصویر x.png دارم و دو تا دیو 1 و 2
زمانی که روی div یک ماوس رو بردم تصویر x.png بیاد تو بک گراندش.و وقتی ماوس از روی دیویژن یک بردم بک گرند به حالت اولیه برگرده

کد HTML:

---

onmouseover="document.getElementById('PIC').src='sample-over.gif';" onclick="return false;"

---

کسی بلده؟

وقتي روي div مياد : onmouseover
وقتي خارج ميشه : onmouseout

یعنی نیاز به جی اس نیست؟

نقل قول:

---

نوشته اصلی توسط vimax

یعنی نیاز به جی اس نیست؟

---

خیر نیازی نیست
مثال :

کد PHP:

---

<div>
  <img src="map.gif" alt="Hover to reveal the location on the map"
      onmouseover="this.src='map_location_revealed.gif';"
      onmouseout="this.src='map.gif';"/>Figures for February’s racing.
</div> 


---

من این جوری میخوام

کد HTML:

---

<div onmouseover="this.style.backgroundimg='red'" onmouseout="this.style.backgroundColor='blue'">
متن<br />
متن
</div>

---

اما به جای رنگ میخوام عکس بیاد جاش

اما کدشو نمیدونم آیا کدش اینه؟

به جای backgroundColor میشه backgroundimg ?
من تست کردم اما اینم نشد کسی میدونه؟

نقل قول:

---

یعنی نیاز به جی اس نیست؟

---

كدي كه دوستمون نوشت تركيب js در html بود.

نقل قول:

---

آقا اگر اینجوری بدم کار میکنه؟

---

خير ، چون وجود src براي div تعريف نشده است.
ميتونيد دو كلاس متفاوت در style صفحه تعريف كنيد.بعد در div بنويسيد this.ClassName به جاي this.src و كلاس رو عوض كنيد.

---------- Post added at 08:43 PM ---------- Previous post was at 08:05 PM ----------

کد HTML:

---

<style>
.red {
background-image:url('red.gif');
}
.blue {
background-image:url('blue.gif');
}
</style>
<div onmouseover="this.className='red'" onmouseout="this.className='blue'" class=blue>
Test
</div>

---