jquery 3D房间创建插件 jRoom
- 授权协议: GPL
- 开发语言: JavaScript HTML/CSS
- 操作系统: 跨平台
- 软件首页: https://justinzzc.github.io/jRoom/
- 软件文档: https://github.com/justinzzc/jRoom/blob/master/README.md
软件介绍
jRoom
一个可以创建3d房间的jquery插件。只需添加一行js脚本就可以创建出一个可以拖动旋转的3d房间。
配置项
可用配置项
墙纸宽度 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
}
}基本使用方法
<head>
<script src="jquery.min.js"></script>
<script src="../dist/jRoom.min.js"></script>
</head>
<body>
...
<div class="room">
</div>
...
<script>
$(function(){
$('.room').jRoom({
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>
JavaScript语言精粹
道格拉斯•克罗克福德 (Douglas Crockford) / 赵泽欣、鄢学鹍 / 电子工业出版社 / 2012-9-1 / 49.00元
JavaScript 曾是“世界上最被误解的语言”，因为它担负太多的特性，包括糟糕的交互和失败的设计，但随着Ajax 的到来，JavaScript“从最受误解的编程语言演变为最流行的语言”，这除了幸运之外，也证明了它其实是一门优秀的语言。Douglas Crockford 在本书中剥开了JavaScript 沾污的外衣，抽离出一个具有更好可靠性、可读性和可维护性的JavaScript 子集，让你看......一起来看看 《JavaScript语言精粹》 这本书的介绍吧!
