首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

JavaScript Cube 1.6 发布

2012-06-06 
【分享】JavaScript Cube 1.6 发布JSCube可以创建一个立方体,将6个HTML元素贴在其面上,并支持旋转和缩放。当

【分享】JavaScript Cube 1.6 发布
JSCube可以创建一个立方体,将6个HTML元素贴在其面上,并支持旋转和缩放。

当前最新版本1.6.0。支持IE,FireFox,Opear,Chrome,Safari浏览器。

脚本引用地址:http://www.etherdream.com/FunnyScript/WitCube/Cube.js


Cube.js导出一个类:Cube。

共4个方法:
setLocate(cx, cy)
  页面中定位立方体。
  (cx, cy)为立方体中心点坐标

setFace(id, elem)
  立方体贴面。
  id: 立方体面编号
  elem: 页面中的HTML元素

setRadius(r)
  设置立方体中心点到顶点的距离。

rotate(angleX, angleY, angleZ)
  旋转立方体。
  angleX: 绕X轴旋转1角度
  ...

6个静态属性:
Cube.FACE_FRONT = 0
Cube.FACE_RIGHT = 1
Cube.FACE_BACK = 2
Cube.FACE_LEFT = 3
Cube.FACE_TOP = 4
Cube.FACE_BOTTOM = 5
  顾名思义,立方体前后左右上下面的ID编号。
  用于setFace的第一个参数。


一个简单的Demo: http://www.etherdream.com/FunnyScript/WitCube/GCube.html

发挥你想象,可以做出很多有趣的东西。

[解决办法]
FF下测试效果还可以,就是每个面控制的百度大小能否控制呢?如果可以把完整的百度显示到一个面上,3个面就是3个百度了。 
 

[解决办法]
What is this, cool!
[解决办法]
不错的东西 但这个写起来有点麻烦
[解决办法]
我发现几个问题,
1.如果用浏览器放大缩小显示,就变形了
2.不能定点显示到其他的元素里面
[解决办法]
很好,利用楼主的代码,我搞了个相册展示效果:

http://www.cuixiping.com/
[解决办法]

探讨

很好,利用楼主的代码,我搞了个相册展示效果:

http://www.cuixiping.com/

热点排行