1.jQuery
2.fancybox
3.jquery-cookie
(jquery cookie 檔案位置來自男丁格爾分享)
文章內文製造一個空白的按鈕供fancybox觸發
<body>
<a id="popup_ad" href="popup.asp">ADs</a>
</body>
<script type="text/javascript" src="js/jquery_cookie.js"></script>
<script type="text/javascript">
$(window).load(function(){ //網頁載入後
if($.cookie('ad_pop')==null){ //沒有cookie的話
var date = new Date();
date.setTime(date.getTime() + (20 * 60 * 1000)); //設定時間
$.cookie('ad_pop', 1,{expires: date}) //給cookie一個值,存活時間為 date
$('#popup_ad').fancybox().click(); //觸發fancybox按鈕
}
})
</script>
cookie 超過存活時間就會清空，超過時間後就會再出現一次。
jquerycookie使用方法：
//設定 example 為 foo
$.cookie("example", "foo");
//設定 example 為 foo 且存活7天
$.cookie("example", "foo", { expires: 7 });
//設定 example 為 foo cookie 存活7天 且cooke path為 /admin
$.cookie("example", "foo", { path: '/admin', expires: 7 });
//取得example的值
$.cookie("example");
//刪除example $.cookie("example", null)
0 意見 :
張貼留言