【原创】JavaScript 图片3D展示空间(3DRoom)
一般的平面效果,通过改变水平和垂直坐标就能实现,再加上深度,就能在视觉上的产生3D(三维)的效果。
程序就是模拟这样一个三维空间,里面的图片会根据三维坐标显示在这个空间。
很久以前就看过一个3DRoom效果,是用复杂的计算实现的。
在上一篇图片变换研究过css3的transform之后,就想到一个更简单的方法来实现。
在线效果预览
完整实例下载
中秋将至,预祝各位中秋快乐,团团圆圆!
[解决办法]
Good!!
[解决办法]
顶!学习!
[解决办法]
MARK~
[解决办法]
JF!~~~~~~~~
[解决办法]
LZ很好很强大!赞一个
[解决办法]
又出新东西了。 顶走再看。
[解决办法]
真牛。。。。强大。
[解决办法]
很强大!效果很赞!
[解决办法]
[解决办法]
很好很强大```
[解决办法]
每次共享出的东西都很精辟!
[解决办法]
又见....LZ
不看先顶~~~
顶了再看,要好好看....
[解决办法]
好牛啊,佩服佩服。
[解决办法]
很强大
[解决办法]
很好, 很强大.. 要顶起来
[解决办法]
前辈,看了您的代码,学了很多以前没注意的JS脚本。以后还请兄台多多赐教
[解决办法]
来看看
[解决办法]
顶了,慢慢看。
[解决办法]
[解决办法]
学习一下,谢谢
[解决办法]
瞅瞅..
[解决办法]
太牛了。。
[解决办法]
又出新作了。
[解决办法]
佩服佩服啊!!!!!!!
[解决办法]
值的学习
[解决办法]
不错,顺便接分。。。
[解决办法]
[解决办法]
[解决办法]
牛,强大,转走收藏!!!
[解决办法]
------解决方案--------------------
牛X。。。
[解决办法]
收藏了。
[解决办法]
好贴要顶, 代码我用了. 谢谢.
[解决办法]
中秋快乐,好厉害呀。。
[解决办法]
牛X强大,看不懂
[解决办法]
支持一个
[解决办法]
开开眼界
[解决办法]
楼主很强大
[解决办法]
[解决办法]
郁闷,公司不让更新软件,只能IE6飘过!
[解决办法]
牛X轰轰的
[解决办法]
LZ很好很强大!赞一个
[解决办法]
实现很好,主要是用户体验还是不错。而且想法也很有创意。
[解决办法]
LZ很强大!
[解决办法]
学习,学习
[解决办法]
哦哦,我是来长知识的
[解决办法]
[解决办法]
观望。暂时还用不了这么深奥的东西、
[解决办法]
这个要占座 以备不时之需
[解决办法]
收藏了!~~
[解决办法]
很好,用平JS做出这种效果不简单啊,不过用起来很费劲,实际用处就不大了,期待改进!(建议参照三维软件,向那种效果靠近)
[解决办法]
有深度
[解决办法]
感谢楼主分享,果然强力
[解决办法]
[解决办法]
看晕我了都。。
[解决办法]
[解决办法]
mark!
[解决办法]
~~~~~~~~jF
[解决办法]
楼主不是一般的强人啊!顶了!
[解决办法]
效果非常不错!
[解决办法]
JF~顶LZ
[解决办法]
很好。功能有趣,分散得多。楼主岂止厚道,简直善良。呵呵。
[解决办法]
真的很强大,学习了,谢谢楼主!
[解决办法]
高手,学习了,接分!
------解决方案--------------------
顶了~~~~~
[解决办法]
很好很强大
[解决办法]
xue xi
[解决办法]
在这里也顶一下,嘿嘿~
[解决办法]
强大 jf
[解决办法]
很漂亮……
[解决办法]
效果很劲,但是看代码看到头晕,为什么打开例子会弹出:err ?
[解决办法]
太牛了,居然用js实现3D效果。
[解决办法]
牛人..
[解决办法]
很强大
[解决办法]
是很强大 不过3D是需要前后左右全方位看的 用图片模仿是不会有真效果的
[解决办法]
真的很强,至少俺是这么认为!
学习下
[解决办法]
这就是真正的JS高手。
真正的JS高手,短短的几行JS代码,就可以实现让人意想不到的效果。
[解决办法]
被取消推荐的帖子,不得重复推荐。
[解决办法]
很强大
[解决办法]
留着学习……
[解决办法]
先收藏。有时间好好看看