JS动画库:Cquence.js

jopen 10年前

Cquence 是一个非常小的 JavaScript 动画库,用于横幅和广告的展示。

var render = combine(           sequence(          sleep( 100 ),         linear('frame3', 10000, { left: -900 }, {left: 300 })      ),      sequence(        easeOut('frame1', 2000, { left: -1000 }, { left: 120 }),        easeIn('frame6', 1000, { opacity: 0 }, { opacity: 1}),        easeIn('frame7', 1000, { opacity: 0 }, { opacity: 1}),        combine(            easeIn('frame6', 1500, { opacity: 1 }, { opacity: 0}),            easeIn('frame7', 1500, { opacity: 1 }, { opacity: 0}),            easeIn('frame8', 1500, { opacity: 0 }, { opacity: 1})        ),        sleep(1000),        easeIn('frame8', 1000, { opacity: 1 }, { opacity: 0}),        easeIn('frame9', 1000, { opacity: 0, left: -300 }, { opacity: 1, left: 10}),        sleep(1500),        sequence(          combine(              easeIn('frame1', 1500, { left: 120 }, { left: -620 }),              easeOut('frame9', 2000, { opacity: 1, left: 10 }, { opacity: 0, left: -300 })          ),          easeIn('frame2', 1000, { opacity: 0 },{ opacity: 0            }),          easeOut('frame10', 1000, { bottom: -260 }, { bottom: 0 })          )        ),      sequence(        )  );    // launch the animation  renderloop();


项目主页:http://www.open-open.com/lib/view/home/1421469526187