原生js css3属性制作卷筒式的3D立体图片带倒影效果,通过鼠标上下左右来回拖动,图片3D旋转播放特效。
使用方法
1、head引入css文件
<link type="text/css" href="css/style.css" rel="stylesheet" />2、body引入HTML代码
<dl> <dt></dt> <dd> <img src="img/t1.png" /> </dd> <dd> <img src="img/t2.png" /> </dd> <dd> <img src="img/t3.png" /> </dd> <dd> <img src="img/t4.png" /> </dd> <dd> <img src="img/t5.png" /> </dd> <dd> <img src="img/t6.png" /> </dd> <dd> <img src="img/t1.png" /> </dd> <dd> <img src="img/t2.png" /> </dd> <dd> <img src="img/t3.png" /> </dd> <dd> <img src="img/t4.png" /> </dd> </dl> <script type="text/javascript" src="js/script.js"></script>