flipbook是一款有书本翻阅效果的图片轮播插件,支持翻阅图片时间设置,标题背景阴影效果,滑动动画时间,是否自动播放和自动播放间隔时间。
0、请不要问“在不在”之类的问题,有问题直接问!1、学生或暂时没有工作的童鞋,整站资源免费下载!2、¥9.9充值终身VIP会员,加我微信,826096331 拉你进VIP群学习!3、程序员加油,技术改变世界。在线 充值
轮播图片html代码
<div id="flipbook">
<div class="slide">
<a href='http://www.erdangjiade.com/js/588.html' target='_blank'> <img src='img/3.jpg' alt='鼠标悬浮图片背景变黑白的Masonry瀑布流插件' /> </a>
<div class="content">
<a href='http://www.erdangjiade.com/js/588.html' target='_blank'>鼠标悬浮图片背景变黑白的Masonry瀑布流插件</a>
</div>
</div>
<div class="slide">
<a href='http://www.erdangjiade.com/js/589.html' target='_blank'> <img src='img/2.jpg' alt='jQuery强大的瀑布流图片排序效果' /> </a>
<div class="content">
<a href='http://www.erdangjiade.com/js/589.html' target='_blank'>jQuery强大的瀑布流图片排序效果</a>
</div>
</div>
</div>
调用pictureflip图片轮播插件
<script src="js/jquery.pictureflip.js"></script>
调用flipbook插件
$('#flipbook').pageFlip({});
参数 | 描述 | 默认值 |
pageFlip相关API |
||
time | 翻阅图片时间,单位秒 | 1 |
shadow | 是否支持阴影效果 | true |
slideTime | 滑动时间 ,单位秒 | 0.2 |
autoRun | 自动播放 | false |
autoTime | 自动播放间隔时间,单位秒 | 5 |
友情提示:垃圾评论一律封号 加我微信:826096331拉你进VIP群学习群