软件 聊天 安全 视频 浏览器 下载 系统 办公 教学 输入法
免费 域名 空间 相册 邮箱 资源 网赚 试用 优惠 工具
教程 设计 三维 学院 办公 网页
素材 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无关;如以上转载内容不慎侵犯了您的权益,请联系我们将会及时处理。
    [责任编辑:广信小编]

    精彩图文

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