你的位置:首页 > Java教程

[Java教程]基于Jquery在线制作PPT在线演示特效

基于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 ></i> Publish</a></li> -->          <!-- <li><a href="#" id="remove-btn"><i ></i> Remove</a></li> -->        </ul>      </div>    </div>

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