添加到百度首页
添加收藏 RSS 网站地图 旧版网站
  • 全部
  • 网页特效
  • 建站教程
  • 设计分享
当前位置:首页 > 网页特效 > CSS3+HTML5特效 >

aos.js-超赞页面滚动元素动画jQuery动画库

时间:2016-07-08      来源:互联网     
特效说明:
一款aos.js-超赞页面滚动元素动画jQuery动画库源码下载,该动画库可以在页面滚动时提供28种不同的动画元素展示效果,以及多种easing效果。在页面往回滚动时,元素会恢复到原来的状态。请用支持HTML5+CSS3主流浏览器预览效果。(兼容测试:IE10、Firefox、Chrome、Opera、Safari、360等支持HTML5+CSS3主流浏览器)
使用方法:
1、调用CSS样式:
<link rel="stylesheet" type="text/css" href="css/normalize.css" />
<link rel="stylesheet" type="text/css" href="css/htmleaf-demo.css">
<link rel="stylesheet" href="dist/aos.css" />
<link rel="stylesheet" href="css/styles.css" />

2、调用JS插件代码:
<script src="js/jquery-2.1.1.min.js"></script>
<script src="js/highlight.min.js"></script>
<script src="dist/aos.js"></script>
<script>
        AOS.init({
            easing: 'ease-out-back',
            duration: 1000
        });
</script>
<script>
        hljs.initHighlightingOnLoad();

        $('.hero__scroll').on('click', function(e) {
            $('html, body').animate({
                scrollTop: $(window).height()
            }, 1200);
        });
</script>

3、添加HTML代码:
将<!--效果html开始-->......<!--效果html结束-->之间的html和js代码;放在<body></body>之间。
相关特效
  • jQuery鼠标经过显示动画边框特效

    jQuery鼠标经过显示动画边框特效

    一款jQuery鼠标经过显示动画边框特效下载,该JS代码基于jQuery制作的鼠标经过图片、描述文字动画绘制边框特效,适用于图文列表展示代码。……
    2016-06-25
  • jQuery滚动到指定位置animatescroll.js动画插件

    jQuery滚动到指定位置animatescroll.js动画插件

    AnimateScroll.js 是一个简单的jQuery插件,它用来为滚动增加延迟效果. 可以自定义滚动样式(30多种滚动效果)和滚动速度. 还有一个可以操纵滚动结束位置的padding选项,这个插件不局限于整个页面,某……
    2016-05-22
  • jQuery动画菜单分享代码插件

    jQuery动画菜单分享代码插件

    一款jQuery动画菜单分享代码插件下载,该JS分享插件是一款鼠标点击分享按钮向右滑出腾讯微博,新浪微博,QQ空间,豆瓣,微信,二维码分享等分享平台。……
    2015-11-19
  • jQuery鼠标经过九宫格动画效果

    jQuery鼠标经过九宫格动画效果

    一款jQuery鼠标经过九宫格动画效果免费下载,该JS代码是一款鼠标悬停/滑过九宫格导航栏文字渐变、位移、滑动切换特效代码。……
    2015-08-03
  • jQuery鼠标悬停动态显示按钮效果

    jQuery鼠标悬停动态显示按钮效果

    一款jQuery鼠标悬停动态显示按钮效果,当鼠标悬停在图片上后,会出现一系列的按钮、文字等弹性动画效果。 从上或者从下弹性滑动等等。……
    2015-03-11
  • CSS3+jQuery制作动画可伸缩搜索框

    CSS3+jQuery制作动画可伸缩搜索框

    一款CSS3+jQuery制作动画可伸缩搜索框网页特效,该JS特效是一款搜索框默认收缩隐藏,鼠标滑过搜索按钮可展开搜索文本框进行输入,搜索按钮可调方向。……
    2015-03-10
  • jQuery随鼠标移动动画背景特效

    jQuery随鼠标移动动画背景特效

    一款jQuery随鼠标移动动画背景网页特效免费下载,不但可以做为导航动画插件使用,还可以给图像增加一些动画特效,不错的一个jquery插件。……
    2015-03-01
  • jQuery圆形动画旋转菜单导航

    jQuery圆形动画旋转菜单导航

    一款jQuery圆形动画旋转菜单导航网页特效,带箭头指针的jQuery动画旋转导航特效代码。……
    2015-02-28
  • jQuery范范应用页面动态Banner背景

    jQuery范范应用页面动态Banner背景

    一款jQuery范范应用页面动态Banner背景网页特效,该特效代码基于jQuery+CSS3实现的范范说手机app应用介绍单页动画模板源码下载。……
    2015-01-14
  • jQuery动画向上弹出二级菜单导航代码

    jQuery动画向上弹出二级菜单导航代码

    一款jQuery动画向上弹出二级菜单导航代码网页特效,可设置参数1或者0控制二级菜单弹出方向,1为向上弹出,0为向下弹出。是一款常用的jQuery菜单导航menu效果。……
    2015-01-14



最新更新特效

设计分享