0

これをGoogleで検索しようとしましたが、実際に何と呼ばれているのかわかりません。これは基本的に、サイトへの最初の訪問時に (Cookie を使用して) 画面にフェードアウトするボックスであり、ユーザーが閉じることができる X が右上隅にあります。これが実際に何と呼ばれているか、またはこれを作成する方法を教えてくれる人はいますか? ありがとう。

4

2 に答える 2

0

jquery を使用して、Cookie の存在を確認し、Cookie がまだ存在しない場合は設定できます。

  if( $.cookie("visited")!='visited'){
       $.cookie("visited", "visited"); 
       $('#dialogDivId').dialog();
  }

そしてもし 

<div id="dialogDivId">

It's your first visit...
</div>
于 2012-06-20T03:44:35.213 に答える
0

JavaScript を使用すると、Cookie を取得および設定するためにいくつかの関数が必要になります。

Cookie情報の取得

function getCookie(c_name) { var i,x,y,ARRcookies=document.cookie.split(";"); for (i=0;i<ARRcookies.length;i++) { x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("=")); y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1); x=x.replace(/^\s+|\s+$/g,""); if (x==c_name) { return unescape(y); } } }

Cookie情報の設定

function setCookie(c_name,value,exdays) { var exdate=new Date(); exdate.setDate(exdate.getDate() + exdays); var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString()); document.cookie=c_name + "=" + c_value; }

Cookie を確認して、ポップアップ ボックスを表示します。

function checkCookie() { var popup=getCookie("popup"); if (popup==null && popup=="") { document.getElementById("popupDivID").style.display="block"; }

HTML 部分

<div id="popupDivID" style="display:none;position:absolute;top:20%;left:15%;background-color:#fff;width:500px;height:300px;">POPUP Content and Close Icon</div>

body onload で checkCookie() 関数を呼び出す必要があります。jQuery ソリューションが必要な場合は、@Jayantha のソリューションに従ってください。

于 2012-06-20T04:24:55.183 に答える