使用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 相关文章推荐
写的htc的数据表格
Jan 20 Javascript
Javascript 的addEventListener()及attachEvent()区别分析
May 21 Javascript
JavaScript 组件之旅(三):用 Ant 构建组件
Oct 28 Javascript
让ie6也支持websocket采用flash封装实现
Feb 18 Javascript
html向js方法传递参数具体实现
Aug 08 Javascript
js实现单击图片放大图片的方法
Feb 17 Javascript
Jsonp post 跨域方案
Jul 06 Javascript
JavaScript+CSS实现仿天猫侧边网页菜单效果
Aug 25 Javascript
JavaScript使用DeviceOne开发实战(一) 配置和起步
Dec 01 Javascript
Bootstrap的modal拖动效果
Dec 25 Javascript
原生js FileReader对象实现图片上传本地预览效果
Mar 27 Javascript
js实现页面图片消除效果
Mar 24 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 dirname()与__FILE__常量的应用
2013/06/24 PHP
采用thinkphp自带方法生成静态html文件详解
2014/06/13 PHP
php不使用copy()函数复制文件的方法
2015/03/13 PHP
如何使用GDB调试PHP程序
2015/12/08 PHP
php的socket编程详解
2016/11/20 PHP
如何在PHP中生成随机数
2020/06/04 PHP
js压缩利器
2007/02/20 Javascript
Jquery CheckBox全选方法代码附js checkbox全选反选代码
2010/06/09 Javascript
jQuery select表单提交省市区城市三级联动核心代码
2014/06/09 Javascript
JS右下角广告窗口代码(可收缩、展开及关闭)
2015/09/04 Javascript
javascript中eval和with用法实例总结
2015/11/30 Javascript
javascript按顺序加载运行js方法
2017/12/01 Javascript
vue使用自定义icon图标的方法
2018/05/14 Javascript
vue.js将时间戳转化为日期格式的实现代码
2018/06/05 Javascript
vue组件中的样式属性scoped实例详解
2018/10/30 Javascript
在Vue项目中取消ESLint代码检测的步骤讲解
2019/01/27 Javascript
vue实现选中效果
2020/10/07 Javascript
python3+PyQt5+Qt Designer实现堆叠窗口部件
2018/04/20 Python
使用anaconda的pip安装第三方python包的操作步骤
2018/06/11 Python
解决Python下imread,imwrite不支持中文的问题
2018/12/05 Python
python机器人运动范围问题的解答
2019/04/29 Python
利用python实现冒泡排序算法实例代码
2019/12/01 Python
PyCharm 专业版安装图文教程
2020/02/20 Python
Python对wav文件的重采样实例
2020/02/25 Python
Python基于类路径字符串获取静态属性
2020/03/12 Python
详解python logging日志传输
2020/07/01 Python
Omio荷兰:预订火车、巴士和机票
2018/11/04 全球购物
银行个人求职自荐信范文
2013/12/16 职场文书
我的网上商城创业计划书
2013/12/26 职场文书
小学生暑假感言
2014/02/06 职场文书
进口业务员岗位职责
2014/04/06 职场文书
酒店节能降耗方案
2014/05/08 职场文书
我爱我校演讲稿
2014/05/21 职场文书
MySQL里面的子查询的基本使用
2021/08/02 MySQL
python中字符串String及其常见操作指南(方法、函数)
2022/04/06 Python
Mysql 8.x 创建用户以及授予权限的操作记录
2022/04/18 MySQL