• Connect_logo_6.png 退出
    前端视频教程 小程序 众筹源码 python 商城源码 商城模板 响应式模板 中文模板 手机模板 企业源码
    充值

    jQuery右侧边栏二维码QQ客服返回顶部代码

    作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2017-08-04
    基于jquery.1.11.1.min.js制作的简洁jQuery右侧栏客服代码,有微信二维码、QQ、电话显示及返回顶部功能,网页右侧悬浮层,鼠标移动上去有效果。


    js代码

            <script type="text/javascript">
                $(function() {
                    $("#service a").hover(function() {
                        if ($(this).prop("className") == "weixin_area") {
                            $(this).children("img.hides").show();
                        } else {
                            $(this).children("div.hides").show();
                            $(this).children("img.shows").hide();
                            $(this).children("div.hides").animate({marginRight: '0px'}, '0');
                        }
                    }, function() {
                        if ($(this).prop("className") == "weixin_area") {
                            $(this).children("img.hides").hide();
                        } else {
                            $(this).children("div.hides").animate({marginRight: '-163px'}, 0, function() {
                                $(this).hide();
                                $(this).next("img.shows").show();
                            });
                        }
                    });
    
                    $("#top_btn").click(function() {
                        $("html,body").animate({scrollTop: 0}, 600);
                    });
    
                    //右侧导航 - 二维码
                    $(".weixin_area").hover(function() {
                        $(this).children(".weixin").show();
                    },function(){
                        $(this).children(".weixin").hide();
                    })
                });
            </script>

    北京11选5app下载