حالت خاصی از :hover ؟

[686868]

سلام .. چطور میشود در حالت :hover روی یک دایو ، یک دایو دیگر ظاهر بشه ؟

 

[Mohammad.Ali.M]

فرض کن این دوتا دایو رو داشته باشی :

<div class="div1">دایو اول<div class="div2">دابو دوم</div></div>

اینم کد Css ش :

.div1, .div2{width: 150px;height: 150px;background-color: gray;}
.div2{background-color: black;display: none;}
.div1:hover .div2{display: block;}

 

[686868]

خیلی خیلی ممنون .. متاسفانه یه چیزی رو یادم رفت بگویم .. 1- در حالت hover همینطور که یک دایو دیگر ظاهر میشود ، اون دایو دیگری از بین برود ..؟

 

[JavadN]

خدمت شما:

<div id="div1" style="width: 80px; height: 20px; background-color: red;" onmouseover="document.getElementById('div2').style.display = 'block';document.getElementById('div1').style.display = 'none'">
</div><div id="div2" style="width: 80px; height: 20px; background-color: blue;display: none;">Text</div>

 

[686868]

خیلی خیلی ممنونم .. شرمنده به خدا ! باز هم یک مورد یادم رفت ! و اون هم اینکه وقتی موس کنار رفت به حالت اولش برگرده .. متشکرم !