تغییر رنگ یک div هنگام ورود موس

[ehsan640]

سلام به همه اساتید و دوستان

چطوری میشه کاری کرد که یک div با ورود موس رنگ بکگراندش تغییر کنه ؟
نمونش توی سایت زیر هستش
میبینید که وقتی موس وارد یکی از div های نگهدارنده محصولات میشه ، رنگشون تغییر میکنه و کمی پر رنگ تر میشه
http://www.babyreflux.co.uk/

ممنون میشم کمک کنید .

[ehsan640]

یا چطوری میشه دور هر محصول یه کادر بذارم مثل :
http://www.silvaback.com.au/

[jaza_sa]

با استفاده از JavaScript
وقتی موس داخل div میشه ، id اون div به یک تابع فرستاده میشه و
بعد باید style.backgrounColor اون رو تغیر بدید
یعنی

getElementById('Tag_Name').style.backgroundColor = "Green";

[ehsan640]

مرسی
توی تگ div باید چی بنویسم ؟
مثلا :
<div id="tag_name" onmouseover....

ممکنه یه کد کامل بهم بدین ؟
واقعا متشکرم

[ehsan640]

و آیا میشه که عکس بک گرانشو هم ( با ورود موس ) عوض کرد ؟
آخه ممکنه بخوام یه عکس به عنوان بکگراند بذارم

[امید امرایی]

تغییر رنگ :


<div onmouseover="this.style.backgroundColor = '#000000'" oumouseout="this.style.backgroundColor = '#fffffff'"></div>


برای تغییر عکس :


<div onmouseover="this.style.backgroundImage = 'somepic.gif'" oumouseout="this.style.backgroundImage = 'anotherpic.gif"></div>