本文主要向大家介绍了Flash基础入门之分享一个实用插件（页面滚动触发动画）以及其内部的所有动画属性值，通过具体的内容向大家展现，希望对大家学习Flash基础入门有所帮助。

个人不太擅长实用JQuery插件，比较喜欢使用原生JS代码，但是制作网站时的难度很大。
今天推荐一个比较实用的插件
为执行动画的dom元素添加class="animate"
通过data-animate="动画效果"属性设置动画效果

        <div class="animate" data-animate="rubberBand"
             data-duration="1.0s"
             data-delay="0.1s">
        动画div内的文字
           

data-animate：设置动画效果
data-duration：设置动画持续时间data-delay：设置动画延迟在body之后添加初始化插件（一定要在dom元素加载之后进行）

        


 
运行效果图如下：
 
 

可以写如下参数来设置配置效果

　　　　　$(‘.animate‘).scrolla({
                mobile: false, 
                once: false 
         });      


mobile：移动端是否应用
once：是否只执行一次
下面是我自己总结的所有动画效果属性值：bounceflashpulserubberBandshakeheadShakeswingtadawobblejellobounceInbounceInDownbounceInLeftbounceInRightbounceInUpbounceOutbounceOutDownbounceOutUpbounceOutLeftbounceOutRightfadeInfadeInDownfadeInDownBigfadeInLeftfadeInLeftBigfadeInRightBigfadeInRightfadeInUpfadeInUpBigfadeOutfadeOutDownfadeOutDownBigfadeOutLeftfadeOutLeftBigfadeOutRightfadeOutRightBigfadeOutUpfadeOutUpBigflipInYflipOutYlightSpeedInlightSpeedOutrotateInrotateInDownLeftrotateInDownRightrotateInUpLeftrotateInUpRightrotateOutrotateOutDownLeftrotateOutDownRightrotateOutUpLeftrotateOutUpRighthingerollInrollOutzoomInzoomInDownzoomInLeftzoomInRightzoomInUpzoomOutzoomOutDownzoomOutLeftzoomOutRightzoomOutUpslideInDownslideInLeftslideInRightslideInUpslideOutDownslideOutLeftslideOutRightslideOutUp
 
 
插件的使用会使网页布局更加方便，但是每个插件有每个插件不同的用法，使用时应注意。
插件也会导致网页加载慢的情况，不需要的插件不要过度使用分享一个实用插件（页面滚动触发动画）以及其内部的所有动画属性值  

以上就介绍了Flash的相关知识，希望对Flash有兴趣的朋友有所帮助。了解更多内容，请关注职坐标常用软件Flash频道！