jquery交互式3D

所属分类:其他-动画效果

 40227  360  查看评论 (1)
分享到微信朋友圈
X
jquery交互式3D ie兼容7

创建一个3D互动对象,使用图像和创建一个简单的JS调用

jQuery的交互式3D让您创建一个使用多个图像帧允许用户拖动和处理图像的3D互动对象。这插件是完美的展示您的产品在网络上。

使用步骤

要添加到您的网站,只需到你的文档的<head> jquery.interactive_3d.js包括最新的jQuery库,创建一个标记,并调用该函数如下:

<body>
  ...
  <div id="interactive_3d">
    <img src="images/frame_1.png">
  </div>
  ...
</body>

注意:请确保将用作帧的图像文件的文件名 结束与_frame数。例如,你的第一帧应该被命名为:anything_1.jpg和你的第二个应anything_2.jpg的等等。


现在所说的功能,这应该是它。

$("#interactive_3d").interactive_3d({
    frames: 10, 
    cursor: "move", 
    speed: 0, 
    entrance: true,
    preloadImages: true, 
    touchSupport: true, 
    loading: "Loading..",
    autoPlay: false 
  });

一个JS调用,现在你将有一个3D互动网站上的图像。漂亮的爽吧?一个克里斯提供一个精简的解决方案,不使用jQuery UI和感谢的所有者脚本touchHandler(不知道作者是谁,原来的职位上失去了Posterous服务器)增添一抹支持拖放以拖放的脚本。

相关插件-动画效果

炫酷css3登录界面

带CSS3动画特效的时尚登录界面UI设计
  动画效果
 90976  734

简单实用的jQuery和CSS3卡片自动翻牌特效

这是一款简单实用的jQuery和CSS3卡片自动翻牌特效。该卡片翻转效果使用CSS3透视和backfacevisibility属性来制作卡片正反面效果,并使用jQuery使其自动旋转起来。
  动画效果
 48082  356
  动画效果
 27808  324

css3文字水纹特效

文字充满水,水位慢慢上涨
  动画效果
 38109  426

讨论这个项目(1)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    844415206 0
    2016/7/26 10:07:16
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复