双十一弹窗活动广告必备:

临近双十一想必大家都在紧张的张罗着吧,做网站的朋友有福啦,如下图所示漂亮的活动弹窗给你的客户第一视觉感提高啦,点击率也自然增高!话不多少直接放代码吧

类型:弹窗类、活动广告、图片提示按钮式

作用:网站的公告、节日的祝福、活动类

内容:

<!-- 信封生活网 www.20sl.cn www.qsg8.cn -->
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<script type="text/javascript" src="js/public.js"></script>
    <style>
	 .qqanimate{display:block;position:fixed;left:150px;bottom:130px;z-index:99999}
	 .shangxue{color: #FFF; background: #43BAFF; width: 200px; display: block; height: 45px; line-height: 45px; text-align: center; font-size: 15px; border-radius: 5px; margin: 0px auto; margin-top: 18px;}
	 .shangxue:hover{background:#3AAEF1;} 
	 .wan{margin-top:20px;background:#18DAAD;}
	 .wan:hover{background:#13BB94;}
	 .guanbi{background: url(js/close.png)no-repeat;width:40px;height:40px;position:absolute;right:-40px;top:-40px;}
    </style>
	 <div class="indexpingbi" style="display:none;z-index:999999999999;width:100%;height:100%;position:fixed;top:0px;left:0px;background:#000;filter: alpha(opacity=40);-moz-opacity: 0.4;-khtml-opacity: 0.4;opacity: 0.4;"></div>
	 <div class="indextanchu" style="cursor:pointer;display:none;position: fixed;left:50%;margin-left:-400px;margin-top:-171px;top: 50%;width:800px;height:342px;z-index:9999999999999999;background:url(js/tb2.jpg)no-repeat left center;">
	 	<div style="width:400px;float:right;text-align:right;">
	 		<p style="color:#FFF;font-size:32px;margin-top: 50px;">老铁 双十一是不是快到了</p>
	 		<p style="color:#FFF;line-height:35px;height:35px;font-size:28px;margin-top:20px;">再不抢卷,又该败家剁手啦</p>
	 		<a href="https://s.click.taobao.com/1lZwaYw" class="shangxue" target="_blank">马上抢</a>
	 		<a href="https://s.click.taobao.com/qLMwaYw" class="wan shangxue" target="_blank">算了没钱</a>
        </div>
        <a href="javascript:void(0)" class="guanbi"></a>
	 </div>
	 <script>
                if(getCookie("qixi")!='true'){
						$(".indexpingbi").css("display","block");
						$(".indextanchu").css("display","block");
					}
                
                $(".guanbi").live('click',function(e) {
                    $(".indexpingbi").css("display","none");
					$(".indextanchu").css("display","none");
					setCookie1("qixi","true","d365");
                });
            	$(".shangxue").live('click',function(e) {
                    $(".indexpingbi").css("display","none");
					$(".indextanchu").css("display","none");
                });
     </script>
</div>


Js文件包:https://pan.baidu.com/s/1boR7ucn

截图:

说明:将代码放置在您网站所需的位置,下载JS文件上传到与您放置代码的文件同目录内,比如根目录下有index.php 那么就将js文件也放到根目录下

实例: 放到同一目录内即可


您阅读这篇文章共花了: 0小时00分10秒
扩展内容: 手机兼职赚钱 || 内部优惠购||