带二维码的返回顶部插件

带二维码扫描，满意度调查按钮、微博、QQ聊天的返回顶部jquery插件
1、在head引入js、css代码：

<link rel="stylesheet" type="text/css" href="css/style.css"/>
<script src="http://www.5imoban.net/download/jquery/jquery-1.8.3.min.js"></script>
<script>
	$(function(){
		$(window).scroll(function(){
			if($(window).scrollTop()>500){
				$("#side-bar .gotop").fadeIn();	
			}
			else{
				$("#side-bar .gotop").hide();
			}
		});
		$("#side-bar .gotop").click(function(){
			$('html,body').animate({'scrollTop':0},500);
		});
	});
</script>

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

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

部分素材资源来源网站，本站提供免费下载，如有侵权请联系站长马上删除！