私は Cookie にこの JavaScript コードを使用していますが、これを実現したいと考えています。訪問者が閉じるをクリックすると、サイトのすべてのページで div が非表示になります。
<script type="text/javascript">
var $j = jQuery.noConflict();
$j(document).ready(function()
{
if(getCookie('show_cookie_message') != 'no')
{
$j('#cookie_box').show();
}
$j('.cookie_box_close').click(function()
{
$j('#cookie_box').animate({opacity:0 }, "slow");
setCookie('show_cookie_message','no');
return false;
});
});
function setCookie(cookie_name, value)
{
document.cookie = cookie_name+ "=" + escape(value);
}
function getCookie(cookie_name)
{
if (document.cookie.length>0)
{
cookie_start = document.cookie.indexOf(cookie_name + "=");
if (cookie_start != -1)
{
cookie_start = cookie_start + cookie_name.length+1;
cookie_end = document.cookie.indexOf(";",cookie_start);
if (cookie_end == -1)
{
cookie_end = document.cookie.length;
}
return unescape(document.cookie.substring(cookie_start,cookie_end));
}
}
return "";
}
</script>
と
#cookie_box
{
position: fixed;
display: none;
bottom: 0px;
font-size: 0.8em;
z-index: 1000;
background:#393939;
padding:5px;
text-align:center;
width:99%;
color:#ffffff;
}
#cookie_box a:hover
{
color:#ffffff;
text-decoration: underline
}
<div id="cookie_box">Our site requires cookies to function, <a href="/cookies">click here</a> for more information <a href="#" class="cookie_box_close">Close [X]</a></div>
「閉じる」をクリックすると、cookie_box div が閉じられますが、そのページのみです。別のページを参照すると、div が再び表示されます。どんな助けでも素晴らしいでしょう、ありがとう!