static/js/main.js

   1
   2 $(function(){
   3         $('div').on('click',function(){
   4                 var $title = $(this),
   5                         span1 = 1500,
   6                         span2 = 200;
   7                 $title.css('font-size','2em');
   8                 $({deg:5}).animate({deg:365},{
   9                         duration:500,
  10                         progress:function(){
  11                                 $title.css({
  12                                         '-webkit-transform':'rotate('+this.deg+'deg)',
  13                                         '-ms-transform':'rotate('+this.deg+'deg)',
  14                                         'ransform':'rotate('+this.deg+'deg)'
  15                                 });
  16                         }
  17                 });
  18                 $({deg:5}).delay(span1).animate({deg:0},{
  19                         duration:span2,
  20                         progress:function(){
  21                                 $title.css({
  22                                         '-webkit-transform':'rotate('+this.deg+'deg)',
  23                                         '-ms-transform':'rotate('+this.deg+'deg)',
  24                                         'transform':'rotate('+this.deg+'deg)'
  25                                 });
  26                         }
  27                 });
  28                 $title.delay(span1+span2).animate({'font-size':'1em'},1);
  29         });
  30 });