资源描述:一款网页客服聊天弹出层特效,自动弹窗留言:自动第一次跳出(3000就是3秒 ),关闭后6秒再次弹出!
jquery高仿百度商桥弹窗客服特效代码(共11个文件)
使用方法
//咨询窗口
function open_video() {
$("#zixun").fadeIn();
}
$("#zixun .close").click(function () {
$("#zixun").fadeOut();
});
//自动第一次跳出 3000就是3秒
setTimeout('fireshow()',3000);
function fireshow(){
$(".nb-dingwei").show();
}
//关闭后 6秒再次弹出
function closenb(){
$(".nb-dingwei").hide();
setTimeout(function(){
$(".nb-dingwei").show();
},6000)
}
function opennb(){
$(".guanggao-dbbox").addClass("changedw");
$("#nb-close").hide();
$("#nb-show").hide();
$("#nb-gb").show();
$(".nb-dingwei").hide();
}
$("#nb-gb").click(function(){
$(".guanggao-dbbox").removeClass("changedw");
$("#nb-close").show();
$("#nb-show").hide();
$("#nb-gb").hide();
$(".nb-dingwei").hide();//影藏
});
$("#nb-close").click(function(){
$(".guanggao-dbbox").animate({bottom:'-284px'});
$(".guanggao-dbbox").removeClass("changedw");
$("#nb-close").hide();
$("#nb-show").show();
});
$("#nb-show").click(function(){
$(".guanggao-dbbox").animate({bottom:'0px'});
$("#nb-close").show();
$("#nb-show").hide();
});
//取消输入框空提示
$("#nb-nodeboard-set-content-js").focus(function(){
$("#nb-nodeboard-tips-js").hide().fadeOut(500);
$("#nb-nodeboard-set-content-js").css("border-color","#d5d5d5");
});
$("#nb_nodeboard_set_phone").focus(function(){
$("#nb-nodeboardphone-tips-js").hide().fadeOut(500);
$("#nb_nodeboard_phone").css("border-color","#d5d5d5");
});
站长提示:
1. 苦力吧素材官方QQ群:
950875342
2. 平台上所有素材资源,需注册登录会员方能正常下载。
3. 会员用户积极反馈网站、素材资源BUG或错误问题,每次奖励
2K币。
4. PHP源码类素材,如需协助安装调试,或你有二次开发需求,可联系苦力吧客服。
5. 付费素材资源,需充值后方能下载,如有任何疑问可直接联系苦力吧客服