عملکرد hover در css
میخواستم بدونم میشه وقتی رو لینکی اشاره میکنم همزمان رنگ زمینه یه div دیگه تغییر کنه
یه همچین کدی مثلا ولی این کد کار نمیکنه
a:hover >#div1
{
background-color:red;
}
نمیخوام روی خود div اشاره کنم میخوام با اشاره روی لینک تغییر کنه
4 پاسخ
بله امکان پذیر هست. لینک زیر رو ببینید:
is there any way to hover over one element and effect a different element?
کد css بسته به اینکه موقعیت div و تگ a شما نسبت به هم در چه وضعیتی باشند فرق می کنه مثلا اگه sibling مستقیم (همزاد مستقیم و بی واسطه باشند) و ضمنا div بعد تگ a باید به شکل زیر کد بنویسی:
a:hover + div{
background .....
}
اگه div فرزند a باشد:
a:hover > div{
background ....
}
و حالات دیگه که در لینک بالا همگی توضیح داده شده
CSS همچین قابلیتی ندارد و شما باید از JavaScript استفاده کنید.
با استفاده از jquery خیلی راحت پیاده سازی می شه
توابع slideDown() و slideUp() در jquery
ممنون یک سوال دیگر
دوستان این منو های که با کلیک بر روی انها باز می شوند با css هست یا جاوا اسکریپت؟