我是一个绝对的新手jQuery.我正在学习,但有一个圣诞节消息,我需要在没有时间内起床和运行.
<script type="text/javascript" src="scripts/jquery-1.7.min.js"></script> <script type="text/javascript" src="scripts/jquery.cookies.2.2.0.min.js"></script>`
然后使用jQuery弹出窗口跟随该消息.这里是：
<script type="text/javascript">
$(document).ready(function() {
var id = '#dialog';
//Get the screen height and width
var maskHeight = $(document).height();
var maskWidth = $(window).width();
//Set height and width to mask to fill up the whole screen
$('#mask').css({'width':maskWidth,'height':maskHeight});
//transition effect
$('#mask').fadeIn(1000);
$('#mask').fadeTo("slow",0.7);
//Get the window height and width
var winH = $(window).height();
var winW = $(window).width();
//Set the popup window to center
$(id).css('top',winH/2-$(id).height()/2);
$(id).css('left',winW/2-$(id).width()/2-220);
//transition effect
$(id).fadeIn(2000);
//if close button is clicked
$('.window .close').click(function (e) {
//Cancel the link behavior
e.preventDefault();
$('#mask').hide();
$('.window').hide();
});
//if mask is clicked
$('#mask').click(function () {
$(this).hide();
$('.window').hide();
});
});
</script>
在身体里我已经写下了这个消息：
<div style="top: 199.5px; left: 200px; display: none;" id="dialog" class="window"> XMAS MESSAGE <a href="#" class="close">Shut this popup.</a> </div>
到现在为止还挺好.下一步将不会让我的回访者反复用同样的信息(推迟六十天就够了).
所以我想使用jQuery cookie插件设置一个cookie：
function setCookie() {
$.cookie('test_status','1',{ path: '/',expires: 60 });
return false;
}
当下次访问者访问同一页面时,会发现哪一个,并且在消息过期之前,圣诞消息不会显示.
现在if-else语句是更高级的jQuery我还不熟悉.那么,有人可以向我解释吗？
解决方法
这种东西可能有帮助：
$(document).ready(function(){
if ($.cookie('test_status') != '1') {
//show popup here
$.cookie('test_status',{ expires: 60}); }
});
