资讯频道 → Web前端
阅读更多

5顶
0踩

Web前端

原创新闻 Spritely：用于添加sprite() 和 pan() 的jQuery插件

2010-03-23 18:51 by 副主编 zly06 评论(6) 有5808人浏览
jQuery

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

Spritely 是一个新的jQuery插件用于添加sprite() 和 pan()。

最新版本是0.2，首页的那两只鸟很有意思，点击查看Demo。



 代码示例：

// animate through 3 frames
$('#bird').sprite({fps: 12, no_of_frames: 3});
 
// clicking on the screen flies a sprite to you
$('#bird').sprite({fps: 12, no_of_frames: 3}).activeOnClick().active();
$('body').flyToTap();
 
// random movement
$('#bird')
      .sprite({fps: 8, no_of_frames: 3}
      .spRandom({
          top: 70,
          left: 100,
          right: 200,
          bottom: 340,
          speed: 4000,
          pause: 3000
      });
  • 大小: 103.1 KB
来自: ajaxian
5
顶
0
踩
评论 共 6 条 请登录后发表评论
6 楼 小白·菜 2010-03-24 15:57
这种东西小规模应用可以，要普及？不可能
5 楼 kuchaguangjie 2010-03-24 09:25
耗 cpu 厉害
4 楼 felsenlee 2010-03-24 08:54
动画效果很有意思，值得一用
3 楼 Sucraygen 2010-03-24 08:31
效果不错
2 楼 black.angel 2010-03-24 08:29
   
1 楼 zjumty 2010-03-23 20:44
确实很有意思.

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Global site tag (gtag.js) - Google Analytics