更新时间:2019-11-23 23:19:47
更新说明:添加图查看功能,现在可以进行放大、缩小、旋转、拖拽等操作。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | < div style = "width: 520px;margin: 30px auto;" > < div class = "img-content" > < div class = "small-img" > < span class = "left" ><</ span > < span class = "right" >></ span > < ul > < li >< img class = "moveimg" src = "photos/a1.png" /></ li > < li >< img class = "moveimg" src = "photos/a2.png" /></ li > < li >< img class = "moveimg" src = "photos/a3.png" /></ li > < li >< img class = "moveimg" src = "photos/a4.png" /></ li > < li >< img class = "moveimg" src = "photos/a5.png" /></ li > < li >< img class = "moveimg" src = "photos/a1.png" /></ li > < li >< img class = "moveimg" src = "photos/a2.png" /></ li > < li >< img class = "moveimg" src = "photos/a3.png" /></ li > </ ul > </ div > < div class = "big-img" > < img src = "" /> </ div > </ div > </ div > |
按照上面格式写HTML,引入css和js就可以了。方便改动
特别申明:
本站所有资源都是由网友投稿发布,或转载各大下载站,请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:lei1294551502@163.com