jQuery右侧边栏二维码QQ客服返回顶部代码-精品资源网

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

基于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>