html仿ppt动画,jquery仿PPT幻灯片特效插件ppt.js

ppt.js是一款jquery仿PPT幻灯片特效插件。该jquery插件基于jquery来显示图片翻页效果，可全屏显示，以及自定义图片的宽度和高度。

使用方法

在页面中引入jquery和ppt.js文件,以及字体图标文件iconic和插件样式文件ppt.css。

HTML结构

该使用一个

作为ppt幻灯片的容器：

初始化插件

在页面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' }

]

});

ppt.js jquery仿PPT幻灯片特效插件的github地址为：https://github.com/IFmiss/ppt.js

html仿ppt动画,jquery仿PPT幻灯片特效插件ppt.js相关推荐

帮助用户更好的体验网站：jQuery的页面功能向导插件Pageguide.js
为什么80%的码农都做不了架构师?>>> 日期:2012-6-15 来源:GBin1.com 在线演示本地下载大家可能都有过这样的开发经验,用户无法真正的了解如何使用一 ...
html霓虹灯文字效果,jQuery绚丽霓虹灯文字特效插件
novacancy.js是一款非常有意思的.效果绚丽的jQuery绚丽霓虹灯文字特效插件.该文字特效插件可以将任意文本转换为霓虹灯效果,你可以设置灯光的颜色,发光的颜色,几个文字是不亮灯状态,以及灯光 ...
jQuery弹性展开收缩菜单插件gooey.js
分享一款基于jQuery弹性展开收缩菜单插件gooey.js.这是一款基于gooey.js插件实现的弹性菜单特效代码.效果图如下: 在线预览源码下载实现的代码. html代码: <hea ...
android 仿搜索动画,Android仿京东顶部搜索框滑动伸缩动画效果
最近使用京东发现,京东顶部的搜索框有一个新的伸缩效果,根据用户的手势滑动,伸缩搜索框.觉得效果还不错,就看了下其他的应用有没有这种伸缩的效果,发现安居客也使用了类似的一种效果,然后就想着实现这样的一种 ...
html5ppt预览插件,jQuery高性能跨浏览器全屏幻灯片特效插件
Nex是一款效果炫酷的.高性能的跨浏览器全屏幻灯片特效jQuery插件.该幻灯片插件允许你嵌入图片.视频,甚至是谷歌地图.该幻灯片提供了7组共34种不同的效果,可以使你适用于任何场景下使用.它的特点有 ...
基于Threejs的jQuery 3d图片旋转木马特效插件
这是一款基于ThreeJS的炫酷3D旋转木马图片画廊特效插件.该旋转木马特效可以设置图片预加载,带有前后导航按钮,可以使用鼠标前后旋转,并可以设置3D透视的位置. 浏览器兼容: Firefox - 3 ...
PPt动画教程：新建幻灯片
转载者: 食品安全ppt课件下载来源: www.2ppt.cn 今天我们用动画的形式介绍新建幻灯片的方法和技巧. 默认情况下,启动PowerPoint2003(其他版本相似 ...
jQuery手风琴图切换特效插件
http://www.jq22.com/jquery-info6602 http://www.jq22.com/search?seo=jQuery%E6%89%8B%E9%A3%8E%E7%90%B4 ...
基于jQuery弹性展开收缩菜单插件gooey.js
首先引入css <link rel="stylesheet" href="css/bootstrap.min.css"> <link rel ...
EduSoho网校系统产品更新：PPT动画转码
课程效果不佳?神器来袭,一个功能让您拥有"趣味课堂"! PPT动画演示课件借助计算机强大的多媒体功能,提供了全方位多变化.立体式的演示功能,通常包含图片.音频.视频.动画展示等各类 ...

html仿ppt动画,jquery仿PPT幻灯片特效插件ppt.js

html仿ppt动画,jquery仿PPT幻灯片特效插件ppt.js相关推荐

最新文章

热门文章