使用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 相关文章推荐
JavaScript OOP面向对象介绍
Dec 02 Javascript
jQuery中append()方法用法实例
Jan 08 Javascript
jQuery实现Email邮箱地址自动补全功能代码
Nov 03 Javascript
使用jQuery在移动页面上添加按钮和给按钮添加图标
Dec 04 Javascript
jquery延迟对象解析
Oct 26 Javascript
jQuery Jsonp跨域模拟搜索引擎
Jun 17 jQuery
小发现之浅谈location.search与location.hash的问题
Jun 23 Javascript
webpack分离css单独打包的方法
Jun 12 Javascript
详解mpvue开发小程序小总结
Jul 25 Javascript
vue生成文件本地打开查看效果的实例
Sep 06 Javascript
Node.js API详解之 tty功能与用法实例分析
Apr 27 Javascript
js实现简单五子棋游戏
May 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
Thinkphp自定义代码生成工具及用法说明(附下载地址)
2016/05/27 PHP
php可变长参数处理函数详解
2017/02/22 PHP
php实现微信企业转账功能
2018/10/02 PHP
PHP内部实现打乱字符串顺序函数str_shuffle的方法
2019/02/14 PHP
Laravel框架Eloquent ORM简介、模型建立及查询数据操作详解
2019/12/04 PHP
PHP使用PhpSpreadsheet操作Excel实例详解
2020/03/26 PHP
javascript入门基础之私有变量
2010/02/23 Javascript
jQuery实战之仿淘宝商城左侧导航效果
2011/04/12 Javascript
js禁止document element对象选中文本实现代码
2013/03/21 Javascript
js通过元素class名字获取元素集合的具体实现
2014/01/06 Javascript
jquery中子元素和后代元素的区别示例介绍
2014/04/02 Javascript
Javascript实现字数统计
2015/07/03 Javascript
原生JavaScript实现异步多文件上传
2015/12/02 Javascript
javascript字符串对象常用api函数小结(连接,替换,分割,转换等)
2016/09/20 Javascript
JavaScript中transform实现数字翻页效果
2017/03/08 Javascript
Javascript实现信息滚动效果
2017/05/18 Javascript
小程序实现五星点评效果
2018/11/03 Javascript
详解Bootstrap 学习(一)入门
2019/04/12 Javascript
JQuery使用属性addClass、removeClass和toggleClass实现增加和删除类操作示例
2019/11/18 jQuery
Openlayers显示瓦片网格信息的方法
2020/09/28 Javascript
如何准确判断请求是搜索引擎爬虫(蜘蛛)发出的请求
2015/10/13 Python
浅谈python新手中常见的疑惑及解答
2016/06/14 Python
python写入并获取剪切板内容的实例
2018/05/31 Python
分享一个pycharm专业版安装的永久使用方法
2019/09/24 Python
Python参数传递对象的引用原理解析
2020/05/22 Python
Lee牛仔裤澳大利亚官网:美国著名牛仔裤品牌
2017/09/02 全球购物
商务英语毕业生自荐信范文
2013/11/08 职场文书
通用自荐信范文
2014/03/14 职场文书
连带责任保证书
2014/04/29 职场文书
法律专业自荐信
2014/06/03 职场文书
运动会拉拉队口号
2014/06/09 职场文书
2014年扶贫帮困工作总结
2014/12/09 职场文书
2014年行政执法工作总结
2014/12/11 职场文书
教师辞职信范文
2015/02/28 职场文书
PHP中strval()函数实例用法
2021/06/07 PHP
jQuery实现广告显示和隐藏动画
2021/07/04 jQuery