aniAuto实例demo

阅读更多

这里分析一个aniAuto插件的实例demo，直接看代码

    
    
    
    
    
    



    
新上架潮衣
    

        

        

        

    
    

        立即购买
    

 

代码解析：

   之所以会有

ani-delay="1s" ani-duration="2s"

 我们查看aniAuto.js源码就会发现

 if ($item.attr('ani-duration')) {
                duration = $item.attr('ani-duration');
                $item.css({
                    'animation-duration': duration,
                    '-webkit-animation-duration': duration,
                    '-ms-animation-duration': duration,
                    '-woz-animation-duration': duration
                });
}

 这里给标签动态添加属性，其优先级为内联样式>内部样式表>外部样式表

 所以即使你在css里做了修改，任然无效

 

 

 

 

 

 

 

 

.