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