|
本篇文章是基于JQuery在线制作的ppt在线演示，非常高大尚，效果非常好，需要的朋友可以参考下。
不多说，先给大家上效果图：
在线预览 源码下载
下面是jq在线制作ppt的html代码：
<div id="topbar" class="navbar navbar-fixed-top">
<div class="navbar-inner">
<a class="brand" href="#">H5Slides</a>
<ul class="nav" id="title-label-wrapper" data-bind="visible: !editingTitle()">
<li><a href="#" id="label-title" data-bind="text: titleDisplay, click: editTitle"></a></li>
</ul>
<form class="navbar-form pull-left" id="title-editor-wrapper" data-bind="visible: editingTitle" onsubmit="return false;">
<input type="text" class="span2" id="input-title" placeholder="Input Title here..." data-bind="value: title, hasfocus: editingTitle">
</form>
<ul class="nav pull-right">
<li><a href="#theme-manager" data-toggle="modal"><i class="icon-briefcase"></i> Themes</a></li>
<li><a href="#reset-confirm" data-toggle="modal"><i class="icon-repeat"></i> Reset</a></li>
<li>
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<i class="icon-play"></i> Preview <b class="caret"></b>
</a>
<ul class="dropdown-menu pull-right">
<li><a href="#" id="preview-btn">From start</a></li>
<li><a href="#" id="preview-current-btn">From current page</a></li>
</ul>
</li>
<!-- <li><a href="#" id="publish-btn"><i class="icon-ok"></i> Publish</a></li> -->
<!-- <li><a href="#" id="remove-btn"><i class="icon-remove"></i> Remove</a></li> -->
</ul>
</div>
</div>
| 
发表于 2015-9-8 22:43:57
