免费 域名 空间 相册 邮箱 资源 网赚 试用 优惠 工具
教程 设计 三维 学院 办公 网页
素材 PSD 矢量 网页 PPT 动画
美女 唯美 大生活 美图 风景 时尚艺
资讯 综合 专题 热点
您的位置: 起源之家 > 免费资源 > 免费插件 > 文章正文

在移动设备上生成倾斜控制(重力控制)的旋转效果jQuery插件 - l

时间:10-08 10:23 来源:gbin1.com 整理:广信小编 我要评论(0)
字号:T|T
内容提要:
  相信大家如果使用过iphone/ipad的话,肯定对于倾斜控制(重力控制)比较熟悉,在今天的插件介绍中,我们推荐一款帮助你通过倾斜控制来控制图片效果的插件 - lenticular.js

帮助你在移动设备上生成倾斜控制(重力控制)的旋转效果jQuery插件 - lenticular.js

在线演示

相信大家如果使用过iphone/ipad的话,肯定对于倾斜控制(重力控制)比较熟悉,在今天的插件介绍中,我们推荐一款帮助你通过倾斜控制来控制图片效果的插件 - lenticular.js,使用它能够帮助你快速的实现倾斜设备来控制旋转的效果,相信对于在ipad/iphone或者其它触摸设备上开发web应用的朋友来说是一个超棒的工具。

这个插件最初为移动设备开发,可以针对当然,如果你使用一般PC,那么将会针对你的鼠标位置来实现特效。

实现方式

主要的实现方式是通过播放一系列的图片生成一个动画效果。我们可以通过制作每一帧的图片效果来达到一个动画过程。如下:

如何使用

如果我们要创建一个10帧的动画效果,使用代码如下:

// 创建一个 10 帧的动画效果,参数1:图片名称,参数2:帧数var myLenticular = new Lenticular.Image($('.lenticular'[0], { images: 'images/frame-##.jpg', frames: 10});

是不是非常简单,如果你需要一个超棒的重力效果的话,试试 lenticular.js 吧!

兼容性:现代浏览器

网站地址:http://lenticular.attasi.com/

在线演示:http://lenticular.attasi.com/

来源:帮助你在移动设备上生成倾斜控制(重力控制)的旋转效果jQuery插件 - lenticular.js

    相关阅读:

    顶一下
    (0)
    0%
    踩一下
    (0)
    0%
    免责申明:以上内容仅代表原创者观点,其内容未经本站证实,在移动设备上生成倾斜控制(重力控制)的旋转效果jQuery插件 - l对以上内容的真实性、完整性不作任何保证或承诺,转载目的在于传递更多信息,由此产生的后果与在移动设备上生成倾斜控制(重力控制)的旋转效果jQuery插件 - l无关;如以上转载内容不慎侵犯了您的权益,请联系我们将会及时处理。
    [责任编辑:广信小编]

    精彩图文

    登录 (请登录发言,并遵守 相关规定)
    如果你对起源之家有任何意见或建议,请到交流平台反馈。到留言板反馈