欢迎来到懒人图库!
  • 首 页
  • 懒人论坛
  • jQuery火箭回到星空顶部效果

    2014-11-10 来源/作者:懒人图库 分类:悬浮漂浮 «»
    jQuery火箭回到星空顶部效果 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>

    效果预览 本地下载  新手使用求助QQ群:133049023
    标签:悬浮漂浮