程序员设计师联盟淘宝店 + 显而易见,最高的效率就是对现有材料的最佳利用。 + 学会偷懒,并懒出境界是提高工作效率最有效的方法! www.xioba.cn


来源:xixi 代码整理:程序员设计师联盟淘宝店 感谢:拾图网

*尊重他人劳动成果,转载请自觉注明出处!注:此代码仅供学习交流,请勿用于商业用途。

jQuery火箭回到星空顶部效果,顶部为固定导航效果,可根据需求使用,兼容主流浏览器,程序员设计师联盟淘宝店推荐下载!


使用方法:

1、在head区域引入样式表文件lrtk.css

2、在head区域引入jquery.min.js

3、在你的网页中加入<!-- 代码 开始 --><!-- 代码 结束 -->注释区域代码即可

4、JS配置见注释:

<script type="text/javascript">

$(function(){

$(window).scroll(function() {

if($(window).scrollTop() >= 100){ //向下滚动像素大于这个值时,即出现小火箭~

$('.actGotop').fadeIn(300); //火箭淡入的时间,越小出现的越快~

}else{    

$('.actGotop').fadeOut(300); //火箭淡出的时间,越小消失的越快~

}  

});

$('.actGotop').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);}); //火箭动画停留时间,越小消失的越快~

});

</script>