这两个都没有可视化编辑,需要会基本前端知识才能使用
只是介绍,没有教程
fullPage.js
简单示例,详细见github项目介绍
<div class="section" id="firstPage">第一屏内容</div>
<div class="section" id="secondPage">第二屏内容</div>
<div class="section" id="3rdPage">第三屏内容</div>
$(document).ready(function() {
$('#fullpage').fullpage({
sectionsColor: ['#1bbc9b', '#4BBFC3', '#7BAABE'],
anchors: ['firstPage', 'secondPage', '3rdPage'],
menu: '#menu',
loopTop: true,
loopBottom: true
});
});
impress.js
支持3D特效转换,3D效果很赞
2013-04-20做的一个html5PPT,DEMO
虽然不支持可视化编辑,但是找到了node的markdown-impress神器
使用示例:
新建markdown-impress目录
cd markdown-impress
npm install markdown-impress
复制README.md修改为file.md到markdown-impress目录
新建index.js
复制下面进去
var fs = require('fs');
var mtoi = require('markdown-impress');
var content = mtoi('file.md');
fs.writeFileSync('file.html', content);
执行node index.js
目录下生成file.html