0

タイトルが曖昧な場合は申し訳ありませんが、わからないロジックを付けようとしました。

とにかく、ここに(進行中の)作業中のサイトがあります http://art-williams.com/misc/index.html

ご覧のとおり、4グリッド領域では、ズーム機能がうまく機能しており、不透明度が低く、フルカラーにフェードインします。私はすきです。

ただし、ページが読み込まれるときは、不透明度が暗く低い状態で開始されないため、最初にページをロールオーバーする必要があります。どうしてこれなの?

これがホバー効果のコードです。

$(document).ready(function() {
    $('.viewport').mouseenter(function(e) {
        $(this).children('a').children('img').animate({ height: '230', left: '-20', top: '-20', width: '490'}, 200);
        $(this).children('a').children('span').fadeOut(400);
    }).mouseleave(function(e) {
        $(this).children('a').children('img').animate({ height: '200', left: '0', top: '0', width: '450'}, 200);
        $(this).children('a').children('span').fadeIn(400);
    });
});

どんな助けでも大歓迎です!ありがとうございました

4

1 に答える 1

1

$('.viewport').children('a').children('span').fadeIn(400);ドキュメントの準備ができたら追加するだけです

$(document).ready(function() {
    $('.viewport').children('a').children('span').fadeIn(400);
    $('.viewport').mouseenter(function(e) {
        $(this).children('a').children('img').animate({ height: '230', left: '-20', top: '-20', width: '490'}, 200);
        $(this).children('a').children('span').fadeOut(400);
    }).mouseleave(function(e) {
        $(this).children('a').children('img').animate({ height: '200', left: '0', top: '0', width: '450'}, 200);
        $(this).children('a').children('span').fadeIn(400);
    });
});
于 2012-11-11T20:36:32.363 に答える