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>
Beginning Google Maps API 3
Gabriel Svennerberg / Apress / 2010-07-27 / $39.99
This book is about the next generation of the Google Maps API. It will provide the reader with the skills and knowledge necessary to incorporate Google Maps v3 on web pages in both desktop and mobile ......一起来看看 《Beginning Google Maps API 3》 这本书的介绍吧!
