使用JQuery在线制作ppt并在线演示源码特效


Posted in Javascript onSeptember 08, 2015

不多说,先给大家上效果图:

使用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>
Javascript 相关文章推荐
js查错流程归纳
May 04 Javascript
JavaScript转换农历类实现及调用方法
Jan 27 Javascript
浅析jQuery中常用的元素查找方法总结
Jul 04 Javascript
Angular实现图片裁剪工具ngImgCrop实践
Aug 17 Javascript
Vue 拦截器对token过期处理方法
Jan 23 Javascript
Vue 中使用 CSS Modules优雅方法
Apr 09 Javascript
jQuery实现的两种简单弹窗效果示例
Apr 18 jQuery
vue.js 添加 fastclick的支持方法
Aug 28 Javascript
JS大坑之19位数的Number型精度丢失问题详解
Apr 22 Javascript
js实现一个简易计算器
Mar 30 Javascript
jQuery实现简单聊天室
Feb 08 jQuery
vue中重定向redirect:‘/index‘,不显示问题、跳转出错的完美解决
Sep 28 Javascript
js带前后翻页的图片切换效果代码分享
Sep 08 #Javascript
jQuery实现带动画效果的多级下拉菜单代码
Sep 08 #Javascript
js淡入淡出焦点图幻灯片效果代码分享
Sep 08 #Javascript
JavaScript实现的经典文件树菜单效果
Sep 08 #Javascript
cocos2dx骨骼动画Armature源码剖析(三)
Sep 08 #Javascript
JS实现的另类手风琴效果网页内容切换代码
Sep 08 #Javascript
cocos2dx骨骼动画Armature源码剖析(一)
Sep 08 #Javascript
You might like
php中eval函数的危害与正确禁用方法
2014/06/30 PHP
Laravel中encrypt和decrypt的实现方法
2017/09/24 PHP
PJ Blog修改-禁止复制的代码和方法
2006/10/25 Javascript
JS 判断代码全收集
2009/04/28 Javascript
JavaScript 布尔操作符解析  &amp;&amp; || !
2012/08/10 Javascript
Extjs单独定义各组件的实例代码
2013/06/25 Javascript
js实现的简洁网页滑动tab菜单效果代码
2015/08/24 Javascript
js判断某个字符出现的次数的简单实例
2016/06/03 Javascript
angularjs实现的前端分页控件示例
2017/02/10 Javascript
React Native之ListView实现九宫格效果的示例
2017/08/02 Javascript
three.js实现圆柱体
2018/12/30 Javascript
p5.js绘制旋转的正方形
2019/10/23 Javascript
Vue页面跳转传递参数及接收方式
2020/09/09 Javascript
JS代码实现页面切换效果
2021/01/10 Javascript
Python中使用socket发送HTTP请求数据接收不完整问题解决方法
2015/02/04 Python
Python操作CouchDB数据库简单示例
2015/03/10 Python
numpy中的delete删除数组整行和整列的实例
2018/05/09 Python
python 通过 socket 发送文件的实例代码
2018/08/14 Python
Django 创建/删除用户的示例代码
2019/07/24 Python
关于python字符串方法分类详解
2019/08/20 Python
python保存log日志,实现用log日志画图
2019/12/24 Python
pytorch中的卷积和池化计算方式详解
2020/01/03 Python
PurCotton全棉时代官网:100%天然棉花生产的生活护理用品
2016/11/18 全球购物
阿拉伯时尚购物网站:Nisnass
2021/02/07 全球购物
教你打造完美的创业计划书
2014/01/06 职场文书
八一建军节活动方案
2014/02/10 职场文书
优秀家长事迹材料
2014/05/17 职场文书
不尊敬老师的检讨书
2014/12/21 职场文书
2015年基层党组织公开承诺书
2015/01/21 职场文书
2015年大学班长个人工作总结
2015/04/24 职场文书
难以忽视的真相观后感
2015/06/05 职场文书
跟班学习心得体会(共6篇)
2016/01/23 职场文书
经典格言警句:没有热忱,世间便无进步
2019/11/13 职场文书
pytest配置文件pytest.ini的详细使用
2021/04/17 Python
go goroutine 怎样进行错误处理
2021/07/16 Golang
用JS创建一个录屏功能
2021/11/11 Javascript