快捷導(dǎo)航

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

更新時(shí)間：2015年09月08日 22:43:57 作者：愛(ài)上程序猿

本篇文章是基于JQuery在線制作的ppt在線演示，非常高大尚，效果非常好，需要的朋友可以參考下。

不多說(shuō)，先給大家上效果圖：

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