这是代码,后面是我的问题...
jQuery的
$(document).ready(function(){
$('.dude').hover(function(){
$('div').find(">:first-child").css( "display", "inline" );
}, function() {
$('div').find(">:first-child").css( "display", "hidden" );
);
});
的CSS
.dude{
min-height:50px;
}
的HTML
<div class="dude">ONE<div>TWO</div>three</div>
当我将鼠标悬停在带有“ dude”类的div框上时,我试图使两个只要用户悬停就出现,然后又回到隐藏状态。
您可以使用CSS来做到这一点:
.dude > :first-child {
display: none;
}
.dude:hover > :first-child {
display: inline;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句