Online presentation of special effects and Jquery online presentation based on jquery online production PPT

Online presentation of special effects and Jquery online presentation based on jquery online production PPT

Jquery-based PPT online production Online Demo special effect code is a js-based high-end atmosphere on-level slide production special effects. As follows:

Download Online Preview source code

Implementation code.

Html code:

<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