插件描述：3D旋转图片轮播特效
step 1: 引入css样式表
1 | <link rel="stylesheet" type="text/css" href="css/css.css"> |
step 2:引入js文件
1 | <script type="text/javascript" src="js/ZoomPic.js"></script> |
step 3:调用插件函数
1 2 3 4 5 | <script type="text/javascript"> $(function(){ new ZoomPic("jswbox"); })</script> |
step4:插入html代码
1 2 3 4 5 6 7 8 9 10 11 12 13 | <div id="jswbox"> <pre class="prev">prev</pre> <pre class="next">next</pre> <ul> <li><img src="images/1.jpg" alt="derrick" /></li> <li><img src="images/2.jpg" alt="MAGGIE" /></li> <li><img src="images/3.jpg" alt="许在浩" /></li> <li><img src="images/4.jpg" alt="颜子超" /></li> <li><img src="images/5.jpg" alt="万玲玲" /></li> <li><img src="images/6.jpg" alt="derrick" /></li> <li><img src="images/7.jpg" alt="MAGGIE" /></li> </ul></div> |
===========感谢会员 只看不发了 提供的内容===============
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com
- 上一个特效： JS超炫切换效果焦点图代码
- 下一个特效： jquery验证插件Validator