好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

跨平台移动开发Xuijs超轻量级的框架+EmileCSS动画_html/css_WEB-ITnose

Xuijs超轻量级的框架+Emile CSS动画效果图

示例代码

     XuijsDemo      function initialise(){}//style  样式处理function styleshow(){  }//style 动画、形变、渐变function fx(){  emile('box1', 'background:#008FFF;left:100px;padding-bottom:100px;opacity:1', {     duration: 4000, easing: bounce  });  emile('box2', 'background:#C8E919;left:200px;padding-bottom:100px;opacity:1', {     duration: 4000, easing: bounce  });    emile('box3', 'background:#AC193D;left:300px;top:400px;padding-bottom:100px;opacity:1', {     duration: 4000, easing: bounce  });      emile('box4', 'background:#008FFF;right:400px;padding-bottom:100px;opacity:1', {     duration: 4000, easing: bounce  });  emile('box5', 'background:#C8E919;right:150px;padding-bottom:100px;opacity:1', {     duration: 4000, easing: bounce  });    emile('box6', 'background:#AC193D;right:350px;top:200px;padding-bottom:100px;opacity:1', {     duration: 4000, easing: bounce  });     emile('boxb', 'left:500px;padding:10px;border:50px solid #5133AB', {    duration: 500,    after: function(){      emile('boxa', 'background:#D24726;left:100px;padding-bottom:100px;opacity:1', {         duration: 4000, easing: bounce      });    }  });}function bounce(pos) {    if (pos    

DIV动画区域块

查看更多关于跨平台移动开发Xuijs超轻量级的框架+EmileCSS动画_html/css_WEB-ITnose的详细内容...

  阅读:40次