HTML怎么实现一天弹一次弹窗广告
这篇文章主要介绍"HTML怎么实现一天弹一次弹窗广告"的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇"HTML怎么实现一天弹一次弹窗广告"文章能帮助大家解决问题。
*{
margin:0;
padding:0;
}
.alert_windows{
display:none;
position:absolute;
z-index:10;
width:400px;
height:300px;
background:#566F93;
}
.alert_windows span{
float:right;
width:30px;
height:30px;
text-align:center;
font:15px/30px Microsoft Yahei;
cursor:pointer;
color:#333;
background:lightblue;
}
.alert_windows span:hover{
color:#EEE;
background:red;
}
$(function(){
if($.cookie("isClose") != 'yes'){
var winWid = $(window).width()/2 - $('.alert_windows').width()/2;
var winHig = $(window).height()/2 - $('.alert_windows').height()/2;
$(".alert_windows").css({"left":winWid,"top":-winHig*2}); //自上而下
$(".alert_windows").show();
$(".alert_windows").animate({"left":winWid,"top":winHig},1000);
$(".alert_windows span").click(function(){
$(this).parent().fadeOut(500);
$.cookie("isClose",'yes',{ expires:1/8640}); //测试十秒
//$.cookie("isClose",'yes',{ expires:1}); 一天
});
}
});
X
关于"HTML怎么实现一天弹一次弹窗广告"的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注行业资讯频道,小编每天都会为大家更新不同的知识点。