基于Jquery在线制作PPT在线演示特效

基于Jquery的PPT在线制作在线演示特效代码是一款基于js实现的高端大气上档次幻灯片制作特效。效果图如下:

在线预览   源码下载

实现的代码。

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>

via:http://www.w2bc.com/article/61600

时间: 2024-10-11 00:19:53

基于Jquery在线制作PPT在线演示特效的相关文章

一款基于jquery超炫的图片切换特效

今天为给大家介绍一款基于jquery超炫的图片切换特效.由百叶窗飞入显示图片.图片消息的时候也是百叶窗渐行渐远.用于图片展示,效果还是非常好,我们一起看下效果图: 在线预览   源码下载 来看下实现的代码.注意了,这里有引用jquery和underscore插件. html代码: <div class="wrap"> <div class="box active" style="background-image: url(img/1.jp

一款基于jquery和css3的头像恶搞特效

今天给大家分享一款基于jquery和css3的头像恶搞特效.这款实例中,一个头像在画面中跳舞,头像还有可爱的帽子,单击下面的按钮可以为头像切换不同的帽子.效果图如下: 在线预览   源码下载 实现的代码. html代码: <div class="wwiaftm-container"> <div class="base wwiaftm"> <div class="body-1 wwiaftm"> <div

基于jQuery图文排版图片预览特效

基于jQuery图文排版图片预览特效.这是一款基于jQuery+CSS3实现的鼠标点击图片弹出画廊切换特效. 在线预览   源码下载 实现的代码. html代码: <div id="fullscreen"> <div id="fullscreen-inner"> <div id="fullscreen-inner-left" class="fullscreen-inner-button">&

基于jQuery 3D旋转明星人物展示特效

分享一款基于jQuery 3D旋转明星人物展示特效.这是一款来自百度换肤活动的明星旋转展示效果.效果图如下: 在线预览   源码下载 实现的代码. html代码: <div class="s-skin-wrap" data-d=""> <div class="s-skin-inner"> <div class="s-skin-content"> <div class="s-s

基于jQuery环形图标菜单旋转切换特效

分享一款基于jQuery环形图标旋转切换特效.这是一款鼠标点击图标菜单圆形顺时针或者逆时针旋转切换代码.效果图如下: 在线预览   源码下载 实现的代码. js代码: /* 图片地址可以是相对路径或绝对路径:标题和描述可以包含HTML */ var settings = [ {image: 'images/zzsc1.png', heading: '爱编程', description: 'www.w2bc.com'}, { image: 'images/zzsc2.png', heading:

7款基于jquery实现web前端的源码特效

1.css3代码实现超炫加载动画 今天为大家带来一款只需几行代码就可以实现超炫的动画加载特效. 在线演示 源码下载 2.6款不同颜色风格的上传jQuery+css3表单 这是一个6款不同风格的上传表单,基于jquery+css3制作的炫酷样式!很适合文件和图片上传. 在线演示 源码下载 3.jQuery打造的一款炫酷的顶部弹出表单特效 jQuery打造的一款炫酷的顶部弹出表单特效!点击按钮会弹出一个表单信息发送页面!带有抖动的jQuery特效! 在线演示 源码下载 4.国外两款不同的jQuery

10款基于jquery的web前端动画特效

1.jQuery横向手风琴图片切换动画 之前我们为大家分享过很多款基于jQuery和CSS3的手风琴菜单和手风琴焦点图插件,比如CSS3响应式垂直手风琴菜单和jQuery横向手风琴图片展示插件.今天要介绍的也是一款基于jQuery的横向手风琴图片切换动画,鼠标滑过图片时即可展开,并且图片上方有文字标题,非常实用. 在线演示 源码下载 2.jQuery/CSS3渐变颜色拾取器 之前我们向大家分享过一款功能十分强大的jQuery颜色拾取器,支持透明度的选取.今天要为大家介绍的同样是一款基于jQuer

基于jQuery手风琴带玻璃流光质感

基于jQuery手风琴带玻璃流光质感特效.这是一款基于jQuery+CSS3实现的带玻璃流光质感的手风琴特效.效果图如下: 在线预览   源码下载 实现的代码. html代码: <section class="strips"> <article class="strips__strip"> <div class="strip__content"> <h1 class="strip__title&

Slides - 在线制作效果精美的幻灯片(PPT)

Slides 是可以在浏览器中使用的在线幻灯片编辑器.与传统的演示软件,比如 PowerPoint 相比,Slides 不需要下载任何东西.你所有的信息都是安全地存储在我们的服务器上,无论你在哪里.不管你说的是在一次会议上演讲或者只是通过电子邮件发送你的信息,你的精心制作传达给大家美丽的故事.您还可以导出 PDF 和听众分享或打印出来. 在线演示 您可能感兴趣的相关文章 网站开发中很有用的 jQuery 效果[附源码] 分享35个让人惊讶的 CSS3 动画效果演示 十分惊艳的8个 HTML5 &