特效介绍

带二维码扫描,满意度调查按钮、微博、QQ聊天的返回顶部jquery插件
使用方法
1、在head引入js、css代码:
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<script src="https://5.jimth.com/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="https://5.jimth.com" target="_blank" class="text"><s class="g-icon-qq1"></s><span>在线咨询</span></a>
<a href="https://5.jimth.com" 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="https://5.jimth.com" class="text survey" target="_blank"><s class="g-icon-survey1"></s><span>满意度调查</span></a>
</ul>
</div> 