1

ハイエンド クライアントのサイトに追加する上品な外観のエフェクトをいくつか考えるのに 1 時間しかありません。その中で最も簡単なのは、単純なフェードイン エフェクトを追加することだと思います。

唯一気になるのは、クロスブラウザー/クロス タブレットで高度に機能する必要があるということです。次のスクリプトがサイトに悪影響を与える可能性があるという議論はありますか?

.main-wrap div はすべてのメイン ページ コンテンツ (nav または background を除く) を囲んでいるため、ページが読み込まれたら、次のスクリプトをすべてのコンテンツに読み込む必要があります。

$(document).ready(function () {
    $('.main-wrap').hide();
    $('.main-wrap').fadeIn(4000);    
});

クライアントブラウザのjavascriptサポートが不十分な場合、.main-wrapはそもそも非表示にならず、他のマイナス点は考えられないと思いましたが、他の誰かが私に知らせてください!

4

2 に答える 2

3

パフォーマンスを向上させるためにチェーンできると言わなければなりません（同じセレクターを2回呼び出す必要はありません）：

$(document).ready(function () {
   $('.main-wrap').hide().fadeIn(4000);    
});

it needs to be highly cross-browser/cross tablet functional私たちが知っているように、最近のモバイル デバイスには、html5/css3 との互換性が高く、完全に機能する、より優れたブラウザーが搭載されています。したがって、問題があってはなりません。それでも、よく考えられた js 作業が必要です。上で述べたように、コード内の複数の領域で使用するためにセレクターをキャッシュすることをお勧めします。

于 2013-06-12T10:49:11.787 に答える
2

最初にクラス定義 css を追加する場合、$('.main-wrap').hide();display:noneを呼び出す必要はありません。あなたのコードは期待通りに動作します

.main-wrap
{
    display: none;
}
于 2013-06-12T10:49:39.523 に答える