介绍两个制作HTML-PPT的插件

这两个都没有可视化编辑,需要会基本前端知识才能使用

只是介绍,没有教程

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
html51 web64