不多说，先给大家上效果图：

在线预览 源码下载

下面是jq在线制作ppt的html代码：

<div id="topbar"> <div> <a href="#">H5Slides</a> <ul id="title-label-wrapper" data-bind="visible: !editingTitle()"> <li><a href="#" id="label-title" data-bind="text: titleDisplay, click: editTitle"></a></li> </ul> <form id="title-editor-wrapper" data-bind="visible: editingTitle" onsubmit="return false;"> <input type="text" id="input-title" placeholder="Input Title here..." data-bind="value: title, hasfocus: editingTitle"> </form> <ul> <li><a href="#theme-manager" data-toggle="modal"><i></i> Themes</a></li> <li><a href="#reset-confirm" data-toggle="modal"><i></i> Reset</a></li> <li> <a href="#" data-toggle="dropdown"> <i></i> Preview <b></b> </a> <ul> <li><a href="#" id="preview-btn">From start</a></li> <li><a href="#" id="preview-current-btn">From current page</a></li> </ul> </li> <> <> </ul> </div> </div>