欢迎来到六久阁织梦模板网!
您的位置: 主页 > 网页特效 > 加载返回 >

jQuery火箭回到星空顶部特效

六久阁织梦模板网加载返回 浏览:0

演示图片: 特效简介:jQuery火箭回到星空顶部效果 使用方法: 1、在head区域引入样式表文件lrtk.css 2、在head区域引入jquery.min.js 3、在你的网页中加入!-- 代码 开始 --!-- 代码 结束 --注释区域代码即可 4、JS配置见注释: script type="text/javascript

演示图片:
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>

无限加载的jquery图片列表瀑布流布局特效
« 上一篇 2017年06月24日
Metro扁平风格网页右侧返回顶部特效
下一篇 » 2017年06月24日
有问题在这里提问,阁主会为你解决!
  • 全部评论(0
    还没有评论,快来抢沙发吧!