网站客服营销邀请框JS效果

浏览：1744次- 评论：0次- 发布时间：2018-10-09

Html

Css

页面加载完毕请等待10秒

.myd_window {
	display:none;
	background:url(http://www.sucainiu.com/themes/images/demo/500x300-1.png) no-repeat;
	background-size:100%;
	height:330px;
	width:580px;
	position:fixed;
	left:50%;
	margin-left:-255px;
	top:18%;
	z-index:1000;
}
.myd_window .myd_close_btn1 {
	position:absolute;
	height:26px;
	width:26px;
	top:35px;
	right:29px;
	background:url(http://www.sucainiu.com/themes/images/demo/500x300-2.png) no-repeat;
	background-size:100%;
	text-indent:-20000px;
	cursor:pointer;
}
.myd_window .myd_close_btn2 {
	position:absolute;
	left:62px;
	background:url(http://www.sucainiu.com/themes/images/demo/500x300-3.png) no-repeat!important;
	background-size:100%!important;
}
.myd_window .myd_chat,.myd_window .myd_close_btn2 {
	position:absolute;
	bottom:45px;
	width:155px!important;
	height:95px!important;
	cursor:pointer;
	text-indent:-20000px;
}
.myd_window .myd_close_btn2 a {
	display:block;
	width:100%;
	height:100%;
}
.myd_window .myd_chat {
	left:364px;
	background:url(http://www.sucainiu.com/themes/images/demo/500x300-4.png) no-repeat!important;
	background-size:100%!important;
}

//控制时间
 $(function() {
     //页面加载完毕10秒，打开邀请框
     var n = 0;
     window.onload = function() { //第一次弹出邀请框
         if ($(".myd_window").is(':hidden')) {
             if (n < 3) {
                 n++;
                 setTimeout(function() {
                     win_myd();
                 }, 10000)
             }
         }
     }

function setWinTime(e) {
         if (e <= 3) { //前3次每次隔10秒弹出
             setTimeout(function() {
                 win_myd();
             }, 10000)
         } else if (3 < e < 7) { //4至6次每次隔30秒弹出
             setTimeout(function() {
                 win_myd();
             }, 30000)
         }
     }

});

↑上面代码改变，会自动显示代码结果

jQuery调用版本：1.11.3

立即下载收藏

积分说明：注册即送10牛币，每日签到可获得5牛币，成为VIP会员可永久免牛币下载！充值积分充值会员更多说明»

代码描述：可控制弹出时间，弹出次数，关闭次数影响弹出时间

底部背景图片，右上角关闭按钮图片，下部两个“预约试听”“咨询老师”按钮图片，只需要更改图片路经即可

讨论这个常用代码（0）回答他人问题或分享心得会奖励牛币

〒_〒居然一个评论都没有……

文明上网，理性发言！ 😉 阿里云幸运券，戳我领取