您好,欢迎来源码商城![登录 | 免费注册]
每日签到
wickedCSS动画库演示24种炫酷CSS3动画效果
  • 售价:
  • 50积分
  • 特效分类:其它特效
  • 大小: 151.52KB
  • 演示网站: 查看
  • 安装服务: 不安装
  • 下载量: 3
  • 商品详情
  • 累计评价0

wickedCSS动画库演示24种炫酷CSS3动画效果,有旋转翻转、淡出淡进、变大变小等动画特效,结合WOW.JS使用可以实现更佳的动画效果。

js代码

<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script> 
<script src="js/materialize.js" type="text/javascript"></script> 
 <script src="js/wow.min.js" type="text/javascript"></script> 
    <script type="text/javascript"
     new WOW().init(); 
    </script> 
 
    <script type="text/javascript"
    /* 
    BUTTON FUNCTIONS 
    */
 
    $('#rotationButton').click(function() { 
      $(this).each(function(){ 
          $('#animationelement').removeClass();  
          $('#animationelement').addClass("rotation"); 
        }); 
    }); 
 
    $('#sideToSideButton').click(function() { 
      $(this).each(function(){ 
          $('#animationelement').removeClass();  
          $('#animationelement').addClass("sideToSide"); 
        }); 
    }); 
 
    $('#zoomerButton').click(function() { 
      $(this).each(function(){ 
          $('#animationelement').removeClass();  
          $('#animationelement').addClass("zoomer"); 
        }); 
    }); 
 
     $('#zoomerOutButton').click(function() { 
      $(this).each(function(){ 
          $('#animationelement').removeClass();  
          $('#animationelement').addClass("zoomerOut"); 
        }); 
    }); 
 
    $('#spinnerButton').click(function() { 
      $(this).each(function(){ 
          $('#animationelement').removeClass();  
          $('#animationelement').addClass("spinner"); 
        }); 
    }); 
 
     $('#pulseButton').click(function() { 
      $(this).each(function(){ 
          $('#animationelement').removeClass();  
          $('#animationelement').addClass("pulse"); 
        }); 
    }); 
 
     $('#shakeButton').click(function() { 
      $(this).each(function(){ 
          $('#animationelement').removeClass();  
          $('#animationelement').addClass("shake"); 
        }); 
    }); 
 
     $('#barrelRollButton').click(function() { 
      $(this).each(function(){ 
          $('#animationelement').removeClass();  
          $('#animationelement').addClass("barrelRoll"); 
        }); 
    }); 
 
      $('#floaterButton').click(function() { 
      $(this).each(function(){ 
          $('#animationelement').removeClass();  
          $('#animationelement').addClass("floater"); 
        }); 
    }); 
 
      $('#wiggleButton').click(function() { 
      $(this).each(function(){ 
          $('#animationelement').removeClass();  
          $('#animationelement').addClass("wiggle"); 
        }); 
    }); 
 
      $('#poundButton').click(function() { 
      $(this).each(function(){ 
          $('#animationelement').removeClass();  
          $('#animationelement').addClass("pound"); 
        }); 
    }); 
 
    $('#rollerRightButton').click(function() { 
      $(this).each(function(){ 
          $('#animationelement').removeClass();  
          $('#animationelement').addClass("rollerRight"); 
        }); 
    }); 
 
    $('#rollerLeftButton').click(function() { 
      $(this).each(function(){ 
          $('#animationelement').removeClass();  
          $('#animationelement').addClass("rollerLeft"); 
        }); 
    }); 
 
    $('#heartbeatButton').click(function() { 
      $(this).each(function(){ 
          $('#animationelement').removeClass();  
          $('#animationelement').addClass("heartbeat"); 
        }); 
    }); 
 
    $('#fadeInButton').click(function() { 
      $(this).each(function(){ 
          $('#animationelement').removeClass();  
          $('#animationelement').addClass("fadeIn"); 
        }); 
    }); 
 
    $('#fadeOutButton').click(function() { 
      $(this).each(function(){ 
          $('#animationelement').removeClass();  
          $('#animationelement').addClass("fadeOut"); 
        }); 
    }); 
    
    $('#slideUpButton').click(function() { 
      $(this).each(function(){ 
          $('#animationelement').removeClass();  
          $('#animationelement').addClass("slideUp"); 
        }); 
    }); 
 
    $('#slideDownButton').click(function() { 
      $(this).each(function(){ 
          $('#animationelement').removeClass();        
          $('#animationelement').addClass("slideDown"); 
        }); 
    });  
 
    $('#slideLeftButton').click(function() { 
      $(this).each(function(){ 
          $('#animationelement').removeClass();        
          $('#animationelement').addClass("slideLeft"); 
        }); 
    });    
 
    $('#slideRightButton').click(function() { 
      $(this).each(function(){ 
          $('#animationelement').removeClass();        
          $('#animationelement').addClass("slideRight"); 
        }); 
    });  
 
    $('#rotateInRightButton').click(function() { 
      $(this).each(function(){ 
          $('#animationelement').removeClass();        
          $('#animationelement').addClass("rotateInRight"); 
        }); 
    }); 
 
    $('#rotateInLeftButton').click(function() { 
      $(this).each(function(){ 
          $('#animationelement').removeClass();        
          $('#animationelement').addClass("rotateInLeft"); 
        }); 
    }); 
 
     $('#rotateInButton').click(function() { 
      $(this).each(function(){ 
          $('#animationelement').removeClass();        
          $('#animationelement').addClass("rotateIn"); 
        }); 
    }); 
 
     $('#bounceInButton').click(function() { 
      $(this).each(function(){ 
          $('#animationelement').removeClass();        
          $('#animationelement').addClass("bounceIn"); 
        }); 
    });       
 
</script>





1、自动:在上方保障服务中标有自动发货的商品,拍下后,将会自动收到来自卖家的商品获取(下载)链接;

2、手动:未标有自动发货的的商品,拍下后,卖家会收到邮件、短信提醒,也可通过QQ或订单中的电话联系对方。


1、描述:源码描述(含标题)与实际源码不一致的(例:描述PHP实际为ASP、描述的功能实际缺少、版本不符等);

2、演示:有演示站时,与实际源码小于95%一致的(但描述中有"不保证完全一样、有变化的可能性"类似显著声明的除外);

3、发货:手动发货源码,在卖家未发货前,已申请退款的;

4、服务:卖家不提供安装服务或需额外收费的(但描述中有显著声明的除外);

5、其他:如质量方面的硬性常规问题等。

注:经核实符合上述任一,均支持退款,但卖家予以积极解决问题则除外。交易中的商品,卖家无法对描述进行修改!


1、在未拍下前,双方在QQ上所商定的内容,亦可成为纠纷评判依据(商定与描述冲突时,商定为准);

2、在商品同时有网站演示与图片演示,且站演与图演不一致时,默认按图演作为纠纷评判依据(特别声明或有商定除外);

3、在没有"无任何正当退款依据"的前提下,写有"一旦售出,概不支持退款"等类似的声明,视为无效声明;

4、虽然交易产生纠纷的几率很小,但请尽量保留如聊天记录这样的重要信息,以防产生纠纷时便于网站工作人员介入快速处理。


 

展开

在线客服

  • 商家咨询 点击这里给我发消息
  • 交易纠纷 点击这里给我发消息
  • 投诉建议 点击这里给我发消息
  • 电话:15889516997