京东自营 + 国补 iPhone 历史最低价          国家补贴 享8折

jQuery火箭回到星空顶部效果

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>

下载方法:
1、请用微信扫描下方二维码关注时代Java公众号,或者微信搜索时代JavaNowJava关注。
    (如已经关注,请直接发送编号)
2、在时代Java公众号里发送编号:5303
5303
3、发送后,将立刻收到 “验证码已经接收成功” 的回复,即可选择线路下载:
通用网络下载移动网络下载电信网络下载

本文系作者在时代Java发表,未经许可,不得转载。

如有侵权,请联系nowjava@qq.com删除。

编辑于

关注时代Java

关注时代Java