2012-02-27 8 views
0

イントロページを作成する代わりに、背景イメージ、テキスト、カウントダウン、および終了ボタンを持つウェブサイト全体にdivを表示しようとしています。このdivをIPアドレスの特定の時間だけ表示する方法はありますか?それは一度ロードする方法divはこのようなものに見えるだろう。ポップアップ部門全体のウェブサイトで? (最初のページロード時)

<div id="divbgimg"> 
<span id="titletext">text text text</span> 
<span id="subtitletext">text text text</span> 
<span id="date">10/11/12</span> 
<div id="countdown"></div> 

私はこのような何かを見なければならない任意のjQueryのスクリプトはありますか?

+0

一つ。 –

答えて

0

私が正しくあなたを理解していればjQueryのモーダルダイアログのようなものは、あなたが後にしているものである可能性があります。ここを見てみましょう

http://jqueryui.com/demos/dialog/#modal

0

あなたはsetTimeoutを使用するか、またはfunction機能を遅らせることができます。あなたは

setTimeout(function() { 
    $('#divbgimg').fadeOut(); 
}, 1000)//100ms 
0
あなたはdiv要素を表示してページを訪問した状態にクッキーを設定する必要があります

...

http://www.electrictoolbox.com/jquery-cookies/

そして、一定時間後にDIV非表示にすることができたときにあなたを次にページにアクセスし、クッキーが存在するかどうかをチェックし、クッキーが存在する場合は、divオーバーレイを表示しないでください。

0

私はこのようにそれを行うのが好き:

HTML:

<div id='lb_background'></div> 
<div id='lb_front'>This is where your content will go!<div id="countdown"></div></div> 

CSS:

#lb_background { 
position: absolute; /*THIS IS REQUIRED!*/ 
height: 100%; 
width: 100%; 
background-color: black; 
z-index: 1000; /* In front of everything */ 
opacity: 0.6; 
} 
#lb_front { 
padding: 20px; 
z-index: 1001; /* In front of lb_background */ 
position: absolute; 
top: 50px; 
} 

のjQuery:

$('#lb_background').click(function(){ 
    $('#lb_background, #lb_front').fadeOut(200) 
}); 

EDIT 上記はライトボックスを簡単に作成するためのものです。カウントダウンとタイマーは若干異なります。

はJQuery:

$(function(){ 
    var count = 10; 
    countdown = setInterval(function(){ 
    $("#countdown").html(count + " seconds remaining!"); 
    if (count == 0) { 
     $('#lb_background, $lb_front').fadeOut(200); 
    } 
    count--; 
    }, 1000); 
}); 

(から:How can I make a jQuery countdown)私のお気に入りのいらいらの

関連する問題