jquery移动到顶部特效

所属分类:其他-动画效果

 50967  424  查看评论 (6)
分享到微信朋友圈
X
jquery移动到顶部特效 ie兼容8

实现代码

引是jquery库

<script type="text/javascript" src="js/jquery.min.js"></script>

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>

html

<div class="actGotop"><a href="javascript:;" title="返回顶部"></a></div>
相关插件-动画效果

html5 水波扩散效果

HTML5实现点击水波扩散效果
  动画效果
 46776  472

css3文字水纹特效

文字充满水,水位慢慢上涨
  动画效果
 38136  427

html5图标动画

HTML5 SVG实现喜欢点赞动画特效
  动画效果
 54801  972

cs3旋转动画实现地球周转

css33d效果旋转变形
  动画效果
 42506  439

讨论这个项目(6)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    wcaptain 0
    2018/5/10 14:51:04
    棒棒棒,比那些除了jquery还用了其他插件的强多了 回复
    失控 0
    2017/7/31 14:47:10
    smallhappiness 0
    2017/2/14 22:44:25

    我来下素材来了。。。

    回复
    黑白熊 0
    2016/12/7 14:12:44
    确实是 年轻的樵夫哟说的问题 回复
    悲剧帝 0
    2016/8/11 13:08:32
    年轻的樵夫哟 0
    2015/12/26 22:12:52

    作者你有没有考虑这个问题   当鼠标多次单机返回顶部的按钮后 他会有一段时间一直在滚动条会一直向上运动 

    你应该加一个函数截流 就是当你鼠标点击时滚动条从底部运动到0位置的时间内返回顶部的按钮单击无效

    回复
    WEB小妞 0
    2014/3/22 14:59:00
    济公 0
    2014/3/4 9:31:00

    非常感谢您的建议.

    回复
    插件王子 0
    2014/3/3 23:13:00

    火箭的那个动画超有爱。 站长可以不做写界面花里胡哨的东西,给每个人提供的SIGN,然后可以自己收藏DEMO多好啊。

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复