幻灯片/轮播
仿PPT幻灯片特效jQuery插件
PetitQ
ppt.js 是一款 jquery 仿 PPT 幻灯片特效插件。该 jquery 插件基于 jquery 来显示图片翻页效果，可全屏显示，以及自定义图片的宽度和高度。
使用方法
在页面中引入 jquery 和 ppt.js 文件,以及字体图标文件 iconic 和插件样式文件 ppt.css。
也想出现在这里？联系我们吧
<link rel="stylesheet" href="css/ppt.css">
<link rel="stylesheet" href="icon-font/style.css">
<script src="js/jquery.min.js"></script>
<script src="js/ppt.js"></script>
HTML 结构
该使用一个<div>作为 ppt 幻灯片的容器：
<div id="testppt">
</div>
初始化插件
在页面 DOM 元素加载完毕之后，可以通过 ppt()方法来初始化该插件。
$("#testppt").ppt();
你还可以指定 ppt 的宽度和高度。
$("#testppt").ppt({
width:800,
height:600
});
可以通过 imageUrl 参数来指定幻灯片的图片。
$("#testppt").ppt({
imageUrl:[
{ src: 'img/ppt-1.jpg' },
{ src: 'img/ppt-2.jpg' },
{ src: 'img/ppt-3.jpg' },
{ src: 'img/ppt-4.jpg' },
{ src: 'img/ppt-5.jpg' }
]});
Github 地址：https://github.com/IFmiss/ppt.js
| 演示地址 | 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务，详询在线客服！
也想出现在这里？联系我们吧
