jCube创建 3d 立方体的 jQuery 插件
jCube
只需添加一行js脚本就可以创建出一个可以拖动旋转的3d立方体。
用法
基本使用方法
<head> <script src="jquery.min.js"></script> <script src="../dist/jCube.min.js"></script> </head> <body> ... <div class="room"> </div> ... <script> $(function(){ $('.room').jCube({ wallWidth:635, wallHeight:664, cube:{ back:'a/back.jpg', front:'a/front.jpg', left:'a/left.jpg', right:'a/right.jpg', top:'#90c0c0', bottom:'#9f5d3b' }, perspectiveRate:1.21 }); }); </script> </body>
配置项
可用配置项
墙纸宽度 wallWidth , 墙纸高度 wallHeight
立方体背景配置 cube
墙面附加物配置 attach
立方体class名称 cubeClass
视角调整比例 perspectiveRate
默认配置
{ wallWidth: 300, wallHeight: 300, cube: { front: 'white', back: 'white', left: '#d3d3d3', right: '#d3d3d3', top: '#f3f3f3', bottom: '#ddd' }, attach: { front: '', back: '', left: '', right: '', top: '', bottom: '' }, cubeClass: 'room-cube', perspectiveRate: 1, viewLimit: { xMin: -15, xMax: 15, yMin: -360, yMax: 360 } }
详细请查看
评论
jCube创建 3d 立方体的 jQuery 插件
jCube只需添加一行js脚本就可以创建出一个可以拖动旋转的3d立方体。用法基本使用方法<head> <script src="jquery.min.js"></s
jCube创建 3d 立方体的 jQuery 插件
0
Zelect创建 select 元素的 jQuery 插件
Zelect是一个能够创建自定义<select>元素的jQuery插件。特征:轻量没有CSS可自定义异步分页加载大型选项列表(read:AJAX-ready-and-enabled)再也个
Zelect创建 select 元素的 jQuery 插件
0
Zelect创建 select 元素的 jQuery 插件
Zelect 是一个能够创建自定义 <select> 元素的 jQuery 插件。特征:
Zelect创建 select 元素的 jQuery 插件
0
jRoomjquery 3D房间创建插件
jRoom 一个可以创建3d房间的jquery插件。只需添加一行js脚本就可以创建出一个可以拖动旋转的3d房间。配置项可用配置项墙纸宽度wallWidth,墙纸高度wallHeight立方体背景配置c
jRoomjquery 3D房间创建插件
0
jPanelMenu创建面板式菜单的 jQuery 插件
jPanelMenu 实现了类似 Facebook 移动版的面板式菜单,可点击显示和隐藏,如下图是显
jPanelMenu创建面板式菜单的 jQuery 插件
0
jPanelMenu创建面板式菜单的 jQuery 插件
jPanelMenu实现了类似Facebook移动版的面板式菜单,可点击显示和隐藏,如下图是显示出来的菜单:
jPanelMenu创建面板式菜单的 jQuery 插件
0
Raygun4jsRaygun 的 jQuery 插件
Raygun4js是提供调用Raygun.io服务的jQuery插件。Raygun.io为你提供记录应用程序错误的平台。
Raygun4jsRaygun 的 jQuery 插件
0