5

ウェブサイトの div を 5 秒でフェードインしたい。また、css を使用Display:noneして div を非表示にしたくありません。この div は非常に重要であり、ユーザーが JS を有効にしていない場合、div は永久に非表示になると考えています。ウェブサイトの読み込み時に div を非表示にして、5 秒で表示できるようにする方法を教えてください。ありがとうございます。

<div id="lead_form"></div>
4

7 に答える 7

18 
setTimeout(function(){
   $('#lead_form').show();// or fade, css display however you'd like.
}, 5000);
于 2012-10-04T05:52:52.483 に答える
6

目立たない機能を作成したい場合は、デフォルトで div を表示できるようにする必要があります。

ページが正しく読み込まれたら、最初に行う作業は、jQuery で DIV を非表示にしてから、アニメーションを実行して 5 秒で表示することです。

このようにすることで、有効化された JS がない場合でも、DIV は既に使用可能になっています。

$(document).ready(function() {

    // Hide the div
    $("#lead_form").hide();

    // Show the div in 5s
    $("#lead_form").delay(5000).fadeIn(500);

});
于 2012-10-04T06:17:46.130 に答える
2

noscript タグを使用し、その中に div を入れて、ブラウザで Java スクリプトが無効になっているときに表示します。

<noscript>
    <div id="lead_form"></div>
</noscript>

以下のコードを使用して、Java スクリプトが有効なブラウザーで 5 秒以内にフェードインします。

$("#lead_form").fadeIn(5000);
于 2012-10-04T06:21:47.203 に答える
1

Try this 

 $('#lead_form').hide("fast",function(){
    $("#lead_form").show(5000);
    });
于 2012-10-04T06:12:13.170 に答える
0

JS が無効になっている場合に div を永久に非表示にしたくない場合は、ドキュメントの準備ができたら非表示にしてから、5 秒後に再度表示する必要があります。これは、動作を示すフィドルです。ただし、divがJSをオフにして常に表示されるほど重要である場合、本当にそれを非表示にしてから最初に表示するかどうかはわかりません。

于 2012-10-04T06:05:18.713 に答える
0

まず$('#load_form')、ページに追加する前に非表示にする必要があります。$('#load_form').hide()次に、この関数で表示.fadeIn( [duration] [, callback] ) する必要があります。5000 を設定する必要がありますduration。

于 2012-10-04T06:28:11.520 に答える