jquery移动到顶部特效

一个jquery制作的经过高手CSS美化返回顶部功能,设计的动感很强,使用火箭当按钮,加上星空做背景,视觉上有很大的冲激效果,而代码简单,实用性强,拿过来就能用,不亏是一个不容错过的好功能。下面来看下如何实现。

引入核心文件

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

构建html

<div class="actGotop"><a href="javascript:;" title="返回顶部"></a></div>

写上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>

下载地址:本站下载 | 百度云

Comments are closed.