你好,欢迎访问我的博客!登录
当前位置:首页 - 技术 - 正文 君子好学,自强不息!

impress.js 怎么用,前端装X利器详解

2018-06-25 08:41:19技术admin47°c
A+ A-

impress.js

 目前 impress.js 是基于 webkit 浏览器(Chrome、Safari)开发,而在其它基于非 webkit 引擎,但支持 CSS3 3D 的浏览器也能正常运行。

impreess源码https://github.com/bartaz/impress.js 
官方demo地址:http://bartaz.github.com/impress.js 
其他demo地址:http://www.webhek.com/misc/impress-js

因为在其项目网页中却没有找到说明文档&使用文档,所以这篇文章将一步一步创建一个较初级的演示文稿,我们接着往下走。

请准备好现代浏览器:Google Chrome(效果最佳)、Safari或FF.

配置

  1. html5页面结构先准备就绪

  2. 创建一个id=”impress”的wrapper(载体),直接div就好,其他标签同样也可以

  3. 在body标签结束前引入impress.js文件并且调用

  4. class=”impress-not-supported”是当浏览器不支持时显示给用户的提示信息,降级处理你懂的,不多解释哈

  5. <!doctype html>
    <html>
    <head>
      <title>darren - Impress demo</title>
      <meta charset="utf-8" />
      <link href="http://bartaz.github.com/impress.js/css/impress-demo.css" rel="stylesheet" />
    </head>
    <body>
        <div class="impress-not-supported">
        </div>
      <div id="impress">
      </div>
      <script src="http://bartaz.github.com/impress.js/js/impress.js"></script>
      <script>impress().init();</script>
    </body>
    </html>
  选择打赏方式
微信赞助

打赏

QQ钱包

打赏

支付宝赞助

打赏

  选择分享方式
  移步手机端
impress.js 怎么用,前端装X利器详解

1、打开你手机的二维码扫描APP
2、扫描左则的二维码
3、点击扫描获得的网址
4、可以在手机端阅读此文章
标签:

发表评论

选填

必填

必填

选填

请拖动滑块解锁
>>


  用户登录