JS实现3D图片旋转展示效果代码

本文实例讲述了JS实现3D图片旋转展示效果代码。分享给大家供大家参考。具体如下：

这是一段Javascript代码，围绕成3D模型样式的Javascript图片旋转展示代码，这里为了演示方便，将图片替换成了数字，预留出了图片的位置，这样速度快些，会HTML的朋友都知道用时候该怎么做。本图片旋转需要手功控制，每点击一下，图片旋转一次，很方便。

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/js-3d-pic-scroll-show-style-codes/

具体代码如下：

#show{position:relative;margin:20px auto;width:800px;border:1px solid #999999;}
.item{position:absolute;height:40px;width:60px;background:#999999;border:1px solid #eeeeee;cursor:pointer;}







 1
 2
 3
 4
 5
 6
 7
 8
 9
 0
 a
 b
 1
 2
 3

希望本文所述对大家的Javascript程序设计有所帮助。