首页 > 代码库 > 如何使CSS3中的animation动画当每滑到一屏时每次都运行

如何使CSS3中的animation动画当每滑到一屏时每次都运行

这个我还没用过,但感觉以后会用到,就随手摘抄一下啦
<
div id="a1"></div><div id="a2"></div><div id="a3"></div>//引入jQuery.js<script>var t1=$("#a1").offset().top;var t1=$("#a2").offset().top;var t1=$("#a3").offset().top;$(window).scroll(function(){var top=$(window).scrollTop();if(top>t1&&top<t2){$("#a1").addClass("an1");}if(top>t2&&top<t3){$("#a2").addClass("an1");}if(top>t3){$("#a3").addClass("an1");}});</script>

 

如何使CSS3中的animation动画当每滑到一屏时每次都运行