タイトルが曖昧な場合は申し訳ありませんが、わからないロジックを付けようとしました。
とにかく、ここに(進行中の)作業中のサイトがあります 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);
});
});
どんな助けでも大歓迎です!ありがとうございました