رفتن به مطلب

مشکل در hover شدن div ها


پست های پیشنهاد شده

سلام

من تو تا div تو در تو دارم و میخواهم وقتی div مادر hover شد تغیراتی روی div فرزند بدم.

<div class="ali">

<div class="hasan"></div>

</div>

در مثال بالا میخواهم وقتی علی hover شد تغیراتی روی حسن اعمال کنم.

لینک به ارسال

سلام چندين حالت داره :


.ali + .hasan { }
.ali ~ .hasan { }
.ali > .hasan { }

ي چند مدل ديگه هم بود انگار اين علامت وسطش فرق ميكرد !‌ نميدونم چه طوري هست هرجا يكيش كار ميده !‌ اگه يكيش كار نداد همه رو تست كن!‌

لینک به ارسال

سلام.

از طریق جی کویری به سادگی میشه این کار رو انجام داد.منتها دقیقشو نمیتونم بگم چه جوریه.امیدوارم اساتید تکمیل کنند.


$( ".ali" ).hover(function() {
$( ".hasan" ).css {
'width':'200px'
.
.
.
.});
});

ی همچین چیزی میشه

در کد بالا وقتی روی کلاس علی موس هاور میشه کلاس حسن با استایل تعریف شده ای که داخل کد هست اجرا میشه.

ویرایش شده توسط حمید س
لینک به ارسال

فک کنم این بهتر باشه :


.ali:hover .hasan { }

اگه اشتباه نکنم البته ...

سلام چندين حالت داره :


.ali + .hasan { }
.ali ~ .hasan { }
.ali > .hasan { }

ي چند مدل ديگه هم بود انگار اين علامت وسطش فرق ميكرد !‌ نميدونم چه طوري هست هرجا يكيش كار ميده !‌ اگه يكيش كار نداد همه رو تست كن!‌

این که شما میگین برای اینه که زیر محموعه و ... div ها مشخص شه ... ( همین فرزندی که ایشون میگن ) نه برای hover !

لینک به ارسال
  • 1 ماه بعد...

متاسفانه هیچ کدوم از کدهای بالا کار نکردن.

خوب ببینید اگر div اصلی داخلش فقط یک div هستش میتونید از این روش استفاده کنید و div داخلش رو صدا بزنید


.ali:hover div {


}

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...