带二维码的返回顶部插件_其他特效_我爱模板网 - 提供下载各种免费建站资源，免费网站模板，免费网页特效，让你爱上建站！

带二维码的返回顶部插件

来源：未知作者：大小：大小： 0KB 点击次数：发布时间：2017-06-15 18:11:41 去下载去预览

特效介绍

带二维码扫描，满意度调查按钮、微博、QQ聊天的返回顶部jquery插件

使用方法

1、在head引入js、css代码：

01<link rel="stylesheet" type="text/css" href="css/style.css"/>
02<script src="http://www.5imoban.net/download/jquery/jquery-1.8.3.min.js"></script>
03<script>
04    $(function(){
05        $(window).scroll(function(){
06            if($(window).scrollTop()>500){
07                $("#side-bar .gotop").fadeIn(); 
08            }
09            else{
10                $("#side-bar .gotop").hide();
11            }
12        });
13        $("#side-bar .gotop").click(function(){
14            $('html,body').animate({'scrollTop':0},500);
15        });
16    });
17</script>

2、在body引入下面的html代码，建议放在</body>之前：

1<div id="go_top">
2    <ul id="side-bar" class="side-pannel side-bar">
3      <a href="javascript:;" class="gotop" style="display:none;"><s class="g-icon-top"></s></a>
4      <a href="http://www.5imoban.net" target="_blank" class="text"><s class="g-icon-qq1"></s><span>在线咨询</span></a>
5      <a href="http://www.5imoban.net" target="_blank" class="text weibo"><s class="g-icon-weibo1"></s><span>微博</span></a>
6      <a href="javascript:;" class="qr"><s class="g-icon-qr1"></s><i></i></a>
7      <a href="http://www.5imoban.net" class="text survey" target="_blank"><s class="g-icon-survey1"></s><span>满意度调查</span></a>
8    </ul>
9</div>