基于Jquery的PPT在线制作在线演示特效代码是一款基于js实现的高端大气上档次幻灯片制作特效。效果图如下：

在线预览    源码下载

实现的代码。

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>

via：http://www.w2bc.com/article/61600

在线预览    源码下载