码迷,mamicode.com
首页 > Web开发 > 详细

Reveal.js一个用来做WEB演示文稿的框架

时间:2017-10-31 15:26:26      阅读:269      评论:0      收藏:0      [点我收藏+]

标签:ppt   html   initial   .com   过渡   ges   http   9.png   sheet   

摘要

无意中看到这个插件,很喜欢,可以作用在演讲ppt,幻灯片,用户指引上等。代码简单,易维护

reveal.js不依赖其他任何javascript库,是一个独立的javascript插件库。它提供了多种幻灯片过渡效果,是一个非常棒的在线演示库。

 

head:

<link rel="stylesheet" href="css/reveal.css" />
<script type="text/javascript" src="js/reveal.js" ></script>

html:(基础的幻灯片html)

<div class="reveal">
    <div class="slides">
           <section><img src="images/banner1.jpg" width="100%"/></section>
           <section><img src="images/banner2.jpg" width="100%"/></section>
     </div>
</div>

js:

Reveal.initialize({
    controls:true,    //是否右下角显示控制条

    progress:true,   //是否显示进度条

   slideNumber:‘‘c/t’

})

技术分享

Reveal.js一个用来做WEB演示文稿的框架

标签:ppt   html   initial   .com   过渡   ges   http   9.png   sheet   

原文地址:http://www.cnblogs.com/liuqingxia/p/7761680.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!