在之前的建站教程中,我们讲了如何制作网页滚动显示效果,方法见:网站animite动画载入效果制作步骤,通过 WOW.js 制作滚动动画。
今天给大家介绍另一种滚动动画效果,通过scrollR eveal.js来实现高品质网页特效,随鼠标滚轮监听位置不断加载动画效果炫酷网页制作特效插件JS代码。
另外scrollReveal.js 的动画可以播放一次或无限次,结合BOOTSTRAP框架,可以完美制作出自适应网站。请用支持HTML5+CSS3主流浏览器预览效果。(兼容测试:FireFox、Chrome、Safari、Opera等支持HTML5/CSS3浏览器)
使用方法:
下载scrollR eveal.js插件
下载scrollR eveal.js插件:链接: https://pan.baidu.com/s/1ivX_mx95YChp_LW_obImGA 提取码: jce5
安装方法
1、上传JS文件
将下载下来的动画插件上传到自己模板文件的JS文件里;
2、引入文件将以下的代码放到自己底部模板的