flipbook是一款有书本翻阅效果的图片轮播插件,支持翻阅图片时间设置,标题背景阴影效果,滑动动画时间,是否自动播放和自动播放间隔时间。
淘建站为您提供更多_图片代码_图片轮播_翻牌_折叠,在此特别感谢您对我们的支持与厚爱!
演示不了,点击反馈
下载 208 次
觉得不错,可打赏下作者
免费共享
轮播图片html代码
<div id="flipbook">
<div class="slide">
<a href='http://www.sucaiq.com/js/588.html' target='_blank'> <img src='img/3.jpg' alt='鼠标悬浮图片背景变黑白的Masonry瀑布流插件' /> </a>
<div class="content">
<a href='http://www.sucaiq.com/js/588.html' target='_blank'>鼠标悬浮图片背景变黑白的Masonry瀑布流插件</a>
</div>
</div>
<div class="slide">
<a href='http://www.sucaiq.com/js/589.html' target='_blank'> <img src='img/2.jpg' alt='jQuery强大的瀑布流图片排序效果' /> </a>
<div class="content">
<a href='http://www.sucaiq.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 |

