当前位置:首页 > 网页特效 > 在线客服 >

带微信二维码的QQ客服代码

时间:2014-07-30 08:31 来源:互联网 作者:源码搜藏 浏览:收藏 挑错 推荐 打印

  • IDC/源码/项目-广告推荐
效果预览 进入下载地址列表

带微信二维码的QQ客服代码带微信二维码的QQ客服代码是一款可自由切换显示QQ客服信息还是微信二维码,鼠标移过去自动显示移开自动隐藏,代码特效基于jQuery没使用第三方插件,需要这种特效的可以下载使用。jquery二维码在线客服QQ客服

<script type="text/javascript">
$(".service_box .tab_nav li").hover(function(){
var i=$(this).index();
$(this).addClass("active").siblings().removeClass("active");
$(".service_box .tab_plan:eq("+i+")").show().siblings().hide();
});
$(function(){
var t;
$(".service_box").hover(function(){
$(".service_box").animate({right:0},300)
clearTimeout(t);
},function(){
t=setTimeout(function(e){
$(".service_box").animate({right:"-146px"},300);
$(".service_box").find(".tab_nav li").removeClass("active");
},1000);
});
});
var isTransition=true;
$(".m_logo").hover(function(){
var r=0;
if(isTransition){
animateTime = setInterval(function(){
if (r>=153){
clearInterval(animateTime);
isTransition=true;
}else{
isTransition=false;
r++;
$(".m_logo a").attr("style","-webkit-mask:-webkit-gradient(radial, 45 25, "+r+", 45 25, "+(r+15)+", from(rgb(0, 0, 0)), color-stop(0.5, rgba(0, 0, 0, 0.2)), to(rgb(0, 0, 0)));")
};
},5);
}
},function(){
return;
});


</script> 

带微信二维码的QQ客服代码由源码搜藏网整理,转载请注明出处https://www.codesocang.com/tx-kefu/9877.html 源码搜藏承诺:本站所有资源无病毒,无弹窗,无干扰链接!

在线客服下载排行

最新文章