jQuery cxSlide 焦点图轮换

CSS 动画

本示例结合动画库：animate.css，做的简单动画效果，如果你熟练使用 CSS 动画，可以完全发挥你的想象制作动画效果。

  • 高端网站设计师

    我们专注于品牌化高端网站的设计与建设 致力于解决企业在互联网和手机移动端的统一性呈现
    以及企业产品的网络互动应用

    Strategy Creativity Technology

  • 让传播无处不在

    从PC端到移动端的全面构建，打通桌上与掌上的企业品牌树立

  • 有设计·有创意

    黑马以设计和创意成为诸多一流企业的高端网络服务商

画面进入时 <li> 添加 class="in"

/* 第一屏进入动画 */
.cxslide .list li:nth-child(1).in{}
/* 根据 class 指定屏的进入动画 */
.cxslide .list li.yourClass.in{}

画面离开时 <li> 添加 class="out"

/* 第一屏离开动画 */
.cxslide .list li:nth-child(1).out{}
/* 根据 class 指定屏的离开动画 */
.cxslide .list li.yourClass.out{}