impress.js 在线例子整理

impress.js 可以让演示文稿更有新意,结合CSS/JS动画,自己掌控视觉效果,比 PowerPoint 更加灵活精美,以下是一些 DEMO例子: 使用 空格 或 方向键 操作 http://scottcheng.github.io/revolutionary-css3/ http://introtonode.herokuapp.com/ http://bartaz.github.io/meetjs/css3d-summit/ http://www.toforge.com/wp-content/impressjs_amazonaws_cubes/index.html http://exe …

文字大小自适应 div

  思路: 将文字放到一个容器中,从最小的值开始逐一尝试增加字号是否超出容器宽度。   <!DOCTYPE html> <html> <head>     <title></title>     <meta http-equiv=“Content-Type” content=“text/html; charset=utf-8” />     <!– 默认使用webkit内核 –>     <meta name=&# …

gitlab服务器安装&迁移

一、安装 gitlab 本次安装使用 Rancher 。(Rancher安装教程:Rancher 管理 docker) 镜像 gitlab/gitlab-ce:8.15.3-ce.0 端口映射 81:81 444:443 222:22 卷映射 (/home/gitlab63 为新git映射目录) /etc/localtime:/etc/localtime /home/gitlab63/config:/etc/gitlab /home/gitlab63/logs:/var/log/gitlab /home/gitlab63/data:/var/opt/gitlab /home/gitlab63/ …

impress.js 使用教程

一、官方示例 项目地址:https://github.com/impress/impress.js 文件构成 impress: js impress.js(JavaScript文件,提供特效支持,核心库) css impress_demo.css(CSS文件,提供样式支持) html index.html(HTML文件,幻灯片入口) 二、HTML说明 头部 <!DOCTYPE html> <html lang=“en”> <head>     <meta charset=“utf-8” />     …

impress.js 1.0.0版本 源码注释翻译

/*! MIT许可证授权- http://github.com/impress/impress.js * / /** * impress.js * * impress.js 是一个基于 CSS3转换和转换的强大功能的表示工具 * 在现代浏览器中使用,灵感来自 prezi. com 背后的理念。 * * * 版权2011-2012 Bartek Szopka (@bartaz) ,2016-2018 Henrik Ingo (@henrikingo) * * 根据MIT授权发布。 * * ———————————————— * 作者: Bartek Szopka,Henrik Ingo * 版本: …

postgresql 递归树查询

一、示例数据 CREATE TABLE test (   id text,   pid text,   msg text ) insert into test(id,pid,msg) values(‘1’,”,’一级(1)’); insert into test(id,pid,msg) values(‘2’,”,’一级(2)’); insert into test(id,pid,msg) values(‘3’,”,’一级(3)& …

impress.js 解析

一、impress 核心设计 impress 页面间转场的实现是依赖于 CSS3 的 translate3d 属性完成。impress 的水平移动是改变了 translateX 坐标,垂直移动是改变 translateY 坐标,缩放的绚丽效果是改变 translateZ 的坐标实现,而这些转化样式的事件监听是通过 js 来实现的。   二、impress 主要函数 函数名 函数作用 pfx 给css3属性加上当前浏览器可用的前缀 arrayify 将Array-Like对象转换成Array对象 css 将指定属性应用到指定元素上 toNumber 将参数转换成数字,如果无法转换返回默 …

impress简要概述

一、概述 impress.js是一个基于CSS3和现代浏览器,受Prezi.com的启发而创作出来的前端多功能演示js框架,可以用它来替代PowerPoint制作更加酷炫的PPT,如果你是一位前端开发者或者勉强了解HTML和CSS,都能很快上手。 impress.js也有一些缺点:编辑方式繁琐需要学习的东西较多,至少需要一些HTML和CSS的基础知识,其是想要获得一些特殊效果时,更需要了解一些javascript的使用,对于非开发者来讲存在一定门槛。impress.js比较适合以演讲内容为主的展示,单页只放一个名词或句子,或是一张图片,这样会带来比较出众的效果。   二、简要说明 引 …