0

この例で画像をホブしたときに表示される効果のようなものを取得しようとしています: link。

画像をホブすると、画像の上に div が表示されます。div をマウスアウトすると、div は非表示になります。

画像サイズ: 920x300

私は運が悪かった：

$('.my-img').hover(function(){
    $('.my-div').animate({left: '0px'}, 1000)
}, function(){
    $('.my-div').animate({left: '-920px'}, 1000)
});

css と html の詳細:

    .my-wrapper{
        position: relative;
    }

    .my-div{
        position: absolute;
        background: red;
        height: 300px;
        width: 920px;
        left: -920px;

    }

<div class="my-wrapper">
<div class="my-div">some text here</div>
<img ... /img>
</div>
4

2 に答える 2

0

次のように div css を変更して、再試行してください。

.my-div { position: relative; }
于 2013-10-21T10:21:27.360 に答える