一款非常好看的jQuery网站右侧固定在线客服代码,带在线QQ客服、联系电话、二维码扫描、购物车、返回顶部按钮,相当的实用。
js代码
<script type=\"text/javascript\" src=\"js/jquery-1.7.2.min.js\"></script> <script type=\"text/javascript\"> $(document).ready(function(){ /* ----- 侧边悬浮 ---- */ $(document).on(\"mouseenter\", \".suspension .a\", function(){ var _this = $(this); var s = $(\".suspension\"); var isService = _this.hasClass(\"a-service\"); var isServicePhone = _this.hasClass(\"a-service-phone\"); var isQrcode = _this.hasClass(\"a-qrcode\"); if(isService){ s.find(\".d-service\").show().siblings(\".d\").hide();} if(isServicePhone){ s.find(\".d-service-phone\").show().siblings(\".d\").hide();} if(isQrcode){ s.find(\".d-qrcode\").show().siblings(\".d\").hide();} }); $(document).on(\"mouseleave\", \".suspension, .suspension .a-top\", function(){ $(\".suspension\").find(\".d\").hide(); }); $(document).on(\"mouseenter\", \".suspension .a-top\", function(){ $(\".suspension\").find(\".d\").hide(); }); $(document).on(\"click\", \".suspension .a-top\", function(){ $(\"html,body\").animate({scrollTop: 0}); }); $(window).scroll(function(){ var st = $(document).scrollTop(); var $top = $(\".suspension .a-top\"); if(st > 400){ $top.css({display: \'block\'}); }else{ if ($top.is(\":visible\")) { $top.hide(); } } }); }); </script>
暂无评论内容