談談impress.js初步理解
1、對impress.js認識
impress.js 采用 CSS3 與 JavaScript 語言完成的一個可供開發(fā)者使用的表現(xiàn)層框架(演示工具)。
現(xiàn)在普通開發(fā)者可以利用 impress.js 自己開發(fā)出類似效果的演示工具，但性能比基于 FLASH 的 Prezi 更優(yōu)。其功能包括畫布的無限旋轉與縮放，任意角度放置任意大小的文字，CSS3 3D 效果支持等。同時，也支持傳統(tǒng) PowerPoint 形式的幻燈演示。
目前 impress.js 是基于 webkit 瀏覽器（Chrome、Safari）開發(fā)，而在其它基于非 webkit 引擎，但支持 CSS3 3D 的瀏覽器也能正常運行。
2、使用impress.js
引入impress.js:
<script src="js/impress.js"></script>
現(xiàn)在你可以看到創(chuàng)建一個新的幻燈片是多少的容易了。每個幻燈片是一個<div>元素 (在wrapper內) 其class名稱叫做'step'。
<div class="step">
My first slide
</div>
雖然是創(chuàng)建一個簡單的幻燈片，但你開始向你的幻燈片添加數(shù)據屬性時還是很有趣的。數(shù)據屬性表示它不是活動幻燈片時你的幻燈片的屬性，您可以使用下面的數(shù)據屬性：
data-x = 幻燈片的x坐標
data-y = 幻燈片的y坐標
data-scale = 通過指定一個值來進行縮放，data-scale為5則將會在你幻燈片原始尺寸基礎放大5倍
data-rotate = 通過一個數(shù)字度數(shù)來確定旋轉你的幻燈片
data-rotate-x = 為3D用，這個數(shù)字度數(shù)是它應該相對x軸旋轉多少度。（前傾/后仰）
data-rotate-y = 為3D用，這個數(shù)字度數(shù)是它應該相對y軸旋轉多少度。 （左擺/右擺）
data-rotate-z = 為3D用，這個數(shù)字度數(shù)是它應該相對z軸旋轉多少度。
實例目錄：
以上內容就是我對impress.js的初步理解，可能對此理解比較膚淺，之后小編還會深入研究，請網友持續(xù)關注本站。
相關文章
javascript中innerText和innerHTML屬性用法實例分析
這篇文章主要介紹了javascript中innerText和innerHTML屬性用法,實例分析了javascript中innerText和innerHTML屬性的作用和相關的使用技巧,需要的朋友可以參考下2015-05-05
這篇文章主要介紹了javascript瀑布流布局實現(xiàn)方法,結合實例形式較為詳細的分析了JavaScript實現(xiàn)瀑布流布局的樣式與具體功能代碼,需要的朋友可以參考下2016-02-02
javascript中的window.location.search方法簡介
window.location.search方法是截取當前url中“?”后面的字符串，示例如下，感興趣的朋友可以參考下2013-09-09
這篇文章主要為大家詳細介紹了微信小程序實現(xiàn)利息計算器，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-09-09
js中常常用到innerHTML,其作用就是獲取到標簽里面的內容,同時也可以為標簽添加內容,下面這篇文章主要給大家介紹了關于JavaScript中innerHTML使用方法的相關資料,需要的朋友可以參考下2022-10-10
正則表達式(Regular Expression)是一門簡單語言的語法規(guī)范，是強大、便捷、高效的文本處理工具，它應用在一些方法中，對字符串中的信息實現(xiàn)查找、替換和提取操作2021-11-11
這篇文章主要為大家詳細介紹了js ajaxupload.js上傳報錯的解決方法，感興趣的小伙伴們可以參考一下2016-05-05
今天小編就為大家分享一篇layui table復選框禁止某幾條勾選的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要介紹了JS實現(xiàn)批量上傳文件并顯示進度功能,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-06-06
這篇文章主要為大家詳細介紹了微信小程序實現(xiàn)彈球游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-09-09