fix css3

Author: beiyuu

_posts/blog/2013-08-24-css3-animation.md

@@ -800,52 +800,3 @@ js代码如下：
 
 ##结语
 终于完成了这篇，梳理的过程对我自己很有提高，希望对你也能有些帮助，有兴趣可以关注我，期待下以后的博客~
-
-<script type="text/javascript">
-$(function(){
-    $('#cardflip').click(function(){
-        $('#card1').toggleClass('flipped')
-    });
-
-    $('body').delegate('#cardflip1','click',function(){
-        $('#card2').toggleClass('flipped')
-    });
-
-    $('body').delegate('#cube-btn button','click',function(){
-        var cls = $(this).attr('data-class');
-        $('#cube').removeClass();
-        $('#cube').addClass(cls);
-    });
-
-    $('#car-pre').click(function(){
-        var deg = $('#carousel').attr('data-deg') || 0;
-        deg = parseInt(deg)+40;
-
-        var value = 'translateZ(-288px) rotateY('+deg+'deg)';
-
-        $('#carousel')
-            .attr('data-deg',deg)
-            .css({
-                '-webkit-transform':value
-                ,'-moz-transform':value
-                ,'-o-transform':value
-                ,'transform':value
-            });
-    });
-    $('#car-next').click(function(){
-        var deg = $('#carousel').attr('data-deg') || 0;
-        deg = parseInt(deg)-40;
-
-        var value = 'translateZ(-288px) rotateY('+deg+'deg)';
-
-        $('#carousel')
-            .attr('data-deg',deg)
-            .css({
-                '-webkit-transform':value
-                ,'-moz-transform':value
-                ,'-o-transform':value
-                ,'transform':value
-            });
-    });
-});
-</script>

js/css3-ani.js

@@ -0,0 +1,47 @@
+$(function(){
+
+    $('#cardflip').click(function(){
+        $('#card1').toggleClass('flipped')
+    });
+
+    $('body').delegate('#cardflip1','click',function(){
+        $('#card2').toggleClass('flipped')
+    });
+
+    $('body').delegate('#cube-btn button','click',function(){
+        var cls = $(this).attr('data-class');
+        $('#cube').removeClass();
+        $('#cube').addClass(cls);
+    });
+
+    $('#car-pre').click(function(){
+        var deg = $('#carousel').attr('data-deg') || 0;
+        deg = parseInt(deg)+40;
+
+        var value = 'translateZ(-288px) rotateY('+deg+'deg)';
+
+        $('#carousel')
+            .attr('data-deg',deg)
+            .css({
+                '-webkit-transform':value
+                ,'-moz-transform':value
+                ,'-o-transform':value
+                ,'transform':value
+            });
+    });
+    $('#car-next').click(function(){
+        var deg = $('#carousel').attr('data-deg') || 0;
+        deg = parseInt(deg)-40;
+
+        var value = 'translateZ(-288px) rotateY('+deg+'deg)';
+
+        $('#carousel')
+            .attr('data-deg',deg)
+            .css({
+                '-webkit-transform':value
+                ,'-moz-transform':value
+                ,'-o-transform':value
+                ,'transform':value
+            });
+    });
+});

js/post.js

@@ -210,5 +210,6 @@ $(document).ready(function(){
 
     if(/css3-animation/.test(location.href)){
         $("head").append("<link rel='stylesheet' type='text/css' href='/css/css3-ani.css'/>");
+        $.getScript('/js/css3-ani.js',function(){});
     }
 });