注册    登录
最新消息: 本以为花钱买了那个amh的板面可以让网站更稳定,结果搞得整 个网站运行出错,真是赔了夫人又折兵,对不起大家了。最新版jquery-2.1.1下载  ,在线的 jquery API使用手册, 稳定版jquery.mobile-1.3.2下载

jquery移动到顶部特效

jQuery插件 fishcity 1374浏览

一个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>

转载请注明:jQ酷 » jquery移动到顶部特效

下载地址:本站下载 | 百度云
下载说明:
☉如果您发现本文件已经失效不能下载,请联系站长修正!
☉如果您下载的文件出现解压不了或文件受损等情况,请选择其他下载点重新下载。
☉下载本站资源,如果服务器暂不能下载请过一段时间重试!
☉有小部分资源需要解压密码,请输入:jqcool.net。
☉本站提供的所有资源仅供学习研究与参考,请勿用于商业用途。