Introduction
some of the pages are rolling down, some elements will produce fine animation effects. Although animation is relatively small, but it can attract your attention. For example, just released iPhone 6 page (view). If you want your page to be more interesting, you can try WOW.js.
WOW.js relies on animate.css, so it supports more than 60 animations in animate.css to meet your needs.
browsers are compatible with
IE Chrome Firefox Opera Safari
IE10 Chrome Firefox Safari
IE10 Opera Safari, and other old browsers do not support the animation. In order to achieve better compatibility, it is best to add a browser and version to judge.
use method
1, introduce file
[code].lt; link rel=.quot; stylesheet.quot; href=.quot; css/animate.min.css.quot;.Gt. E]
can join the attributes of data-wow-duration (animation duration) and data-wow-delay (animation delay time), such as
[code]
.lt, div class=.quot; wow slideInLeft.quot. NRight.quot; data-wow-offset=.quot; 10.quot; data-wow-iteration=.quot; 10.quot;.Gt;.Lt; /div.gt; [/code]
3, JavaScript
MateClass:'animated',
offset: 0,
mobile: true,
live: true
);
wow.init (); Mated 'animation.css animated class
offset integer 0 distance visual area how much start to perform animation
mobile Boolean value true whether to execute animated
live Boolean value on mobile devices true asynchronous loading content is valid [/code]
Demo 1 http://www.dowebok.com/demo/131/
demo 2- copy oppo homepage http://www.dowebok.com/demo/131/index2.html
Download http://www.400gb.com/file/73017626