使用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代码
Dec 15 Javascript
formValidator3.3的ajaxValidator一些异常分析
Jul 12 Javascript
JQuery的read函数与js的onload不同方式实现
Mar 18 Javascript
jQuery基础语法实例入门
Dec 23 Javascript
深入探究使JavaScript动画流畅的一些方法
Jun 30 Javascript
Bootstrap项目实战之子栏目资讯内容
Apr 25 Javascript
JS组件Bootstrap按钮组与下拉按钮详解
May 10 Javascript
js传值后台中文出现乱码的解决方法
Jun 30 Javascript
jQuery日程管理控件glDatePicker用法详解
Mar 29 jQuery
Bootstrap一款超好用的前端框架
Sep 25 Javascript
Vue实现一个无限加载列表功能
Nov 13 Javascript
javascript实现动态时钟的启动和停止
Jul 29 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下通过curl抓取yahoo boss 搜索结果的实现代码
2011/06/10 PHP
关于php mvc开发模式的感想
2011/06/28 PHP
PHP管理依赖(dependency)关系工具 Composer 安装与使用
2014/08/18 PHP
适用于初学者的简易PHP文件上传类
2015/10/29 PHP
Symfony2中被遗弃的getRequest()方法分析
2016/03/17 PHP
利用PHPExcel读取Excel的数据和导出数据到Excel
2017/05/12 PHP
关于php unset对json_encode的影响详解
2018/11/14 PHP
windows 2008r2+php5.6.28环境搭建详细过程
2019/06/18 PHP
js自定义事件及事件交互原理概述(二)
2013/02/01 Javascript
JavaScript实现网页加载进度条代码超简单
2015/09/21 Javascript
js仿百度切换皮肤功能(html+css)
2016/07/10 Javascript
JavaScript仿聊天室聊天记录
2016/12/27 Javascript
使用JavaScript开发跨平台的桌面应用详解
2017/07/27 Javascript
微信小程序使用picker实现时间和日期选择框功能【附源码下载】
2017/12/11 Javascript
[原创]微信小程序获取网络类型的方法示例
2019/03/01 Javascript
富文本编辑器vue2-editor实现全屏功能
2019/05/26 Javascript
el-input 标签中密码的显示和隐藏功能的实例代码
2019/07/19 Javascript
layui radio点击事件实现input显示和隐藏的例子
2019/09/02 Javascript
Vue项目中Api的组织和返回数据处理的操作
2019/11/04 Javascript
vue动画—通过钩子函数实现半场动画操作
2020/08/09 Javascript
windows下wxPython开发环境安装与配置方法
2014/06/28 Python
Python标准库之sqlite3使用实例
2014/11/25 Python
Python os模块学习笔记
2015/06/21 Python
用Python登录好友QQ空间点赞的示例代码
2017/11/04 Python
python dataframe向下向上填充,fillna和ffill的方法
2018/11/28 Python
Python操作远程服务器 paramiko模块详细介绍
2019/08/07 Python
浅析CSS3 中的 transition,transform,translate之间区别和作用
2020/03/26 HTML / CSS
HTML5轻松实现全屏视频背景的示例
2018/04/23 HTML / CSS
Joules美国官网:出色的英国风格
2017/10/30 全球购物
最新的大学生找工作自我评价
2013/09/29 职场文书
护理专业自荐信
2013/12/03 职场文书
企业宗旨标语
2014/06/10 职场文书
医院义诊活动总结
2014/07/04 职场文书
学校安全责任书范本
2014/07/23 职场文书
新郎父母婚礼致辞
2015/07/27 职场文书
Android Flutter实现3D动画效果示例详解
2022/04/07 Java/Android