快捷導(dǎo)航

使用JQuery在線制作ppt并在線演示源碼特效

更新時間：2015年09月08日 22:43:57 作者：愛上程序猿

本篇文章是基于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>

您可能感興趣的文章:

jquery
ppt

相關(guān)文章

jQuery循環(huán)滾動展示代碼可應(yīng)用到文字和圖片上
循環(huán)滾動展示的文字和圖片每個人都見過，實現(xiàn)類似效果的 JS 也很多。但如果只用于幾個條目或三五張圖片，體積龐大的 JS 會浪費資源
2012-05-05
jQuery Flash/MP3/Video多媒體插件
jQuery Flash/MP3/Video多媒體插件,主要是用來加載flash或mp3等網(wǎng)絡(luò)媒體文件。
2010-01-01
jQuery學習筆記之回調(diào)函數(shù)
回調(diào)函數(shù)就是一個通過函數(shù)指針調(diào)用的函數(shù).這篇文章主要介紹了jQuery學習筆記之回調(diào)函數(shù)的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2016-08-08
舉例講解jQuery對DOM元素的向上遍歷、向下遍歷和水平遍歷
使用jQuery可以更加容易地遍歷DOM的父級、子級和同級元素,這里我們就來舉例講解jQuery對DOM元素的向上遍歷、向下遍歷和水平遍歷:
2016-07-07
cookie的復(fù)制與使用記住用戶名實現(xiàn)代碼
正如標題所言cookie如何復(fù)制、使用與記住用戶名，下面有個不錯的示例，感興趣的朋友可以參考下
2013-11-11
jQuery獲取樣式中顏色值的方法
這篇文章主要介紹了jQuery獲取樣式中顏色值的方法,可實現(xiàn)針對IE與Chrome、Firefox等不同瀏覽器都可獲取css樣式中background-color值的功能,非常具有實用價值,需要的朋友可以參考下
2015-01-01
淺談jQuery 選擇器和dom操作
下面小編就為大家?guī)硪黄獪\談jQuery 選擇器和dom操作。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-06-06
jQuery實現(xiàn)菜單的顯示和隱藏功能示例
這篇文章主要介紹了jQuery實現(xiàn)菜單的顯示和隱藏功能,結(jié)合實例形式分析了jQuery基于事件響應(yīng)及css方法動態(tài)改變菜單樣式的相關(guān)操作技巧,需要的朋友可以參考下
2018-07-07
基于JQuery的Ajax方法使用詳解
下面小編就為大家?guī)硪黄贘Query的Ajax方法使用詳解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-08-08
jQuery中mouseover事件用法實例
這篇文章主要介紹了jQuery中mouseover事件用法,以實例形式分析了mouseover事件處理鼠標指針滑過時的使用技巧,需要的朋友可以參考下
2014-12-12