第二个案例：散列画廊特效（原生JavaScript）

第二个案例：散列画廊特效（原生JavaScript） 新的CSS效果： 3D视图位置设置、子元素3D支持。perspective、transform-style:preserve-3d 翻转时不可见。backface-visibility:hidden 使用CSS旋转位置缩放。transform:translate(0px,0px) rotateY(0deg) scale(.5) 切换动画。transition、transform-origin 脚本技巧： 字符串替换的简易模板功能。 通用函数简化频繁操作。random([x,y])、get() 使用脚本切换、修改、删减元素的className。 JavaScript: template.replace('{{index}}',s).replace('{{caption}}',data[s].caption).replace(...,...) className.replace(/\sfront\s/g,'back'); className.replace(/\sphoto-center\s/,' '); photos_left=photos.splice(0,Math.ceil(photos.length/2));