这篇文章主要介绍“HTML怎么实现一天弹一次弹窗广告”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“HTML怎么实现一天弹一次弹窗广告”文章能帮助大家解决问题。
让客户满意是我们工作的目标,不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户,将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,公司提供的服务项目有:国际域名空间、网络空间、营销软件、网站建设、西宁网站维护、网站推广。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="">
<meta name="keywords" content="">
<title>弹窗广告一天弹一次</title>
<meta name="keywords" content="" />
<meta name="description" content="弹窗广告一天弹一次" />
<style type="text/css">
*{
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;
}
</style>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.cookie.js"></script>
<script type="text/javascript">
$(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}); 一天
});
}
});
</script>
</head>
<body>
<div style="font-size:24px;width:360px;margin:40px auto;">提示:一天弹一次,关闭了就没了</div>
<div class="alert_windows">
<span>X</span>
</div>
</body>
</html>
关于“HTML怎么实现一天弹一次弹窗广告”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注创新互联行业资讯频道,小编每天都会为大家更新不同的知识点。
网页标题:HTML怎么实现一天弹一次弹窗广告
网页路径:https://www.cdcxhl.com/article14/jgicge.html
成都网站建设公司_创新互联,为您提供品牌网站设计、电子商务、网站营销、品牌网站制作、网站改版、网站排名
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联