创建 3d 立方体的 jQuery 插件 jCube
- 授权协议: MIT
- 开发语言: JavaScript
- 操作系统: 跨平台
- 软件首页: https://justinzzc.github.io/jCube/
- 软件文档: https://github.com/justinzzc/jCube/blob/master/README.md
- 官方下载: https://github.com/justinzzc/jCube/archive/master.zip
软件介绍
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 }
}详细请查看
JavaScript王者归来
月影 / 清华大学出版社 / 2008-7 / 86.00元
你手中的这本《JavaScript王者归来》不仅是一本传播知识的书，更是一本求道的书。 本书分为五个部分循序渐进地与读者讨论了JavaScript的方方面面，从简单的语言基础到丰富的实际应用再到深入剖析语言本质的高级话题，字里行间包含着作者多年工作中对JavaScript实践乃至程序设计思想的深入思考和总结。 本书揭开了JavaScript的面纱，绕过误解和虚幻的表象，引领你探索程序王......一起来看看 《JavaScript王者归来》 这本书的介绍吧!
