使用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 contains和compareDocumentPosition 方法来确定是否HTML节点间的关系
Feb 04 Javascript
jquery1.4 教程二 ajax方法的改进
Feb 25 Javascript
JavaScript高级程序设计 读书笔记之八 Function类及闭包
Feb 27 Javascript
jQuery事件 delegate()使用方法介绍
Oct 30 Javascript
javascript阻止浏览器后退事件防止误操作清空表单
Nov 22 Javascript
JS实现的网页倒计时数字时钟效果
Mar 02 Javascript
JavaScript类继承及实例化的方法
Jul 25 Javascript
avalon js实现仿google plus图片多张拖动排序附源码下载
Sep 24 Javascript
jQuery中hover与mouseover和mouseout的区别分析
Dec 24 Javascript
js实现各种复制到剪贴板的方法(分享)
Oct 27 Javascript
JavaScript利用正则表达式替换字符串中的内容
Dec 12 Javascript
AngularJS中$apply方法和$watch方法用法总结
Dec 13 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中的float类型使用说明
2010/07/27 PHP
php编写的简单页面跳转功能实现代码
2013/11/27 PHP
php解析mht文件转换成html的实例
2017/03/13 PHP
PHP开发之用微信远程遥控服务器
2018/01/25 PHP
js计数器代码
2006/11/04 Javascript
js 中 document.createEvent的用法
2010/08/29 Javascript
javascript取消文本选定的实现代码
2010/11/14 Javascript
js检验密码强度(低中高)附图
2014/06/05 Javascript
用javascript关闭本窗口不弹出询问框的方法
2014/09/12 Javascript
封装的dialog插件 基于bootstrap模态对话框的简单扩展
2016/08/10 Javascript
javascript中递归的两种写法
2017/01/17 Javascript
jQuery ajax实现省市县三级联动
2021/03/07 Javascript
利用babel将es6语法转es5的简单示例
2017/12/01 Javascript
详解vue静态资源打包中的坑与解决方案
2018/02/05 Javascript
ionic2中使用自动生成器的方法
2018/03/04 Javascript
JavaScript面试出现频繁的一些易错点整理
2018/03/29 Javascript
Angular入口组件(entry component)与声明式组件的区别详解
2018/04/09 Javascript
Node错误处理笔记之挖坑系列教程
2018/06/05 Javascript
JS封装的模仿qq右下角消息弹窗功能示例
2018/08/22 Javascript
vue+vue-router转场动画的实例代码
2018/09/01 Javascript
AngularJS上传文件的示例代码
2018/11/10 Javascript
[39:02]DOTA2亚洲邀请赛 3.31 小组赛 B组 Mineski vs VGJ.T
2018/04/01 DOTA
[01:16:28]DOTA2-DPC中国联赛 正赛 iG vs Magma BO3 第二场 2月23日
2021/03/11 DOTA
线程和进程的区别及Python代码实例
2015/02/04 Python
python使用PythonMagick将jpg图片转换成ico图片的方法
2015/03/26 Python
Python2.x中str与unicode相关问题的解决方法
2015/03/30 Python
Python文件右键找不到IDLE打开项解决办法
2015/06/08 Python
解决python中使用plot画图,图不显示的问题
2018/07/04 Python
Python OpenCV调用摄像头检测人脸并截图
2020/08/20 Python
Python环境配置实现pip加速过程解析
2020/11/27 Python
英国家电购物网站:Sonic Direct
2019/03/26 全球购物
财务管理专业求职信
2014/06/11 职场文书
发展党员工作情况汇报
2014/10/28 职场文书
超市采购员岗位职责
2015/04/07 职场文书
针对吵架老公保证书
2015/05/08 职场文书
英语投诉信范文
2015/07/03 职场文书