首頁 > web前端 > js教程 > 使用JQuery線上製作ppt並在線演示源碼特效_jquery

使用JQuery線上製作ppt並在線演示源碼特效_jquery

WBOY
發布: 2016-05-16 15:40:01
原創
1321 人瀏覽過

不多說,先給大家上效果圖:

線上預覽 原始碼下載

以下是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>
登入後複製

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板