您好,欢迎来到源码搜藏!分享精神,快乐你我!提示:担心找不到本站?在百度搜索“源码搜藏”,网址永远不丢失!
  • 首 页
  • 在线工具
  • 当前位置:首页 > 网页特效 > 在线客服 >

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

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

    效果预览 进入下载地址列表

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