ساخت منوی آبشاری با css

[payamka]

سلام
کد تغییر در استایل یک المنت هنگام hover شدن یه المنت دیگه با css چیه؟واسه منوی آبشاری میخوام

[shmata]

مثلا برای a کد اش میشه :

a:hover{font-size:20px;color:#ff0;}
برای کسب اطلاعات بیشتر به http://www.w3schools.com/cssref/sel_hover.asp مراجعه فرمایید

[hamid_kha]

سلام اینم چند نمونه منو با Css و Jquery:
http://uplod.ir/67yb76wygojm/CSS_JQuery_Menu.rar.htm
و
http://uplod.ir/f7juzkf0sd3q/menu.rar.htm
:لبخندساده:

[cyrusthegreat]

سلام
کد تغییر در استایل یک المنت هنگام hover شدن یه المنت دیگه با css چیه؟واسه منوی آبشاری میخوام

دوست عزیز، برای این مورد شما فقط هنگامی که اون المانی که Hover میشه والد المانی باشه که می خواییم تغییر استایل بده می تونید استفاده کنید.

بطور مثال:



<ul>
<li> First List Item
<ul>
<li>Second</li>
</ul>
</li>
</ul>


برای اینکه هنگام hover شدن اون آیتم با متن "First List Item" اون منو با متن "Second" نمایش داده بشه اینجوری می تونید کد CSS رو بنویسید:

ul li ul li {
display: none;
}

ul > li:hover ul li {
display: block;
}


امیدوارم مفید بوده باشه.

[davood59]

دوست عزیز در اینجا:

ul > li:hover ul li {
display: block;
}


در واقع شما دارید از همون خاصیت پدر فرزندی برای وراثت استفاده می کنید؟
درست فهمیدم؟

[cyrusthegreat]

داوود عزیز

در حقیقت ما داریم از رخداد ها (Event) هایی که CSS بطور محدود در اختیار ما قرار داده، برای دادن استایل به المنت دیگری که اصلا ربطی به رخداد ما نداره استفاده می کنیم. تنها محدودیت ما برای اینکار این هست که اون المنت دوم، می بایست فرزند المنتی که رخداد براش تعریف شده است باشه.