昨天做的一个视频页面中,有那么一张图片,要做的效果就是鼠标移进去了会显示准备播放的透明层,昨天想来想去把自己绕晕了,自己感觉得用jQuery来实现这效果,但是后来改来改去就是没有效果,经过大哥的提醒才明白过来,得用position来才能实现图片的效果,经过改动终于实现了这一效果,

<script>
$(function(){
$(“.hzw2”).mouseover(function( ){
$(this).find(“.bubu”).show();
});
$(“.hzw2”).mouseleave(function(){
$(this).find(“.bubu”).hide();
});
})
</script>

<script>

$(function(){

$(“.hzw2”).mouseover(function( ){

$(this).find(“.bubu”).show();

});

$(“.hzw2”).mouseleave(function(){

$(this).find(“.bubu”).hide();

});

})

</script>

但是DD说需要这样,可以有更简单的直接用hover来变换,一听就卡壳了感觉自己的举一反三的思路不给力,就简单的.aa1:hover .bubu{ display:block}就解决了那么一大段的代码…..只能说学无止境


   

发表评论

邮箱地址不会被公开。 必填项已用*标注