幻灯片/轮播
REVEAL – 基于CSS3实现的幻灯片工具
PetitQ
这是一个基于 CSS 的 3D 幻灯片工具。它不依赖任何外部类库，除了已经被包含在发布代码中的 highlight.js。Reveal.JS 是 Hakim El Hattab 开发的一个演示文稿制作工具，能够制作绚丽的演示文稿并生成 HTML 格式，将它发布到 web 上。它使用了 CSS3 变换功能和 JavaScript，这个工具大受 web 开发者的青睐。支持 Fade、Slide、Convex、Concave、Zoom 等多种效果。
基本用法：
// HTML<div class="reveal">
<div class="slides">
<section>Single Horizontal Slide</section>
<section>
<section>Vertical Slide 1</section>
<section>Vertical Slide 2</section>
</section>
</div>
</div>
也想出现在这里？联系我们吧
// JSReveal.initialize({
dependencies: [
{ src: 'lib/js/classList.js', condition: function() { return !document.body.classList; } },
{ src: 'plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: 'plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: 'plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
{ src: 'plugin/zoom-js/zoom.js', async: true },
{ src: 'plugin/notes/notes.js', async: true },
{ src: 'plugin/math/math.js', async: true }
]});
Github 地址：https://github.com/hakimel/reveal.js
| 演示地址 | 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务，详询在线客服！
也想出现在这里？联系我们吧
