首页 > 特效插件 > 其他特效 >  带二维码的返回顶部插件正文

带二维码的返回顶部插件

特效介绍
返回顶部jquery插件

带二维码扫描,满意度调查按钮、微博、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>