基于視差滾動的網(wǎng)頁立體化研究及框架設計.pdf

1、在過去的二十年里，Web技術的發(fā)展一日千里。網(wǎng)頁作為互聯(lián)網(wǎng)重要的組成部分，傳遞信息不可或缺的載體，得到了越來越多的開發(fā)者們的重視。人們對于互聯(lián)網(wǎng)的依賴性越來越大，通過網(wǎng)絡可以獲得更多的信息，數(shù)據(jù)，體驗。自從HTML5標準制定以來，以HTML5，CSS3，JavaScript為基礎的Web新技術層出不窮，開發(fā)者們在不斷的探索網(wǎng)頁內容呈現(xiàn)形式的多樣性。
　　視差滾動(Parallax Scrolling)是一項概念性的技術，是將視差產(chǎn)

2、生的原理結合到網(wǎng)頁中開發(fā)出具有視差效果的網(wǎng)頁，并沒有具體的實現(xiàn)方式。它的應用在國外較多，但并不成熟，而國內還停留在起步階段。視差滾動是目前最熱門的網(wǎng)頁開發(fā)新興技術之一，已經(jīng)開始越來越多地應用在網(wǎng)頁開發(fā)當中，它為網(wǎng)頁提供了全新的交互方式和用戶體驗。視差滾動不僅是Web技術上的創(chuàng)新，也是網(wǎng)頁交互上的創(chuàng)新。它用簡單的層級關系實現(xiàn)了立體的效果，讓人耳目一新。通過視差滾動可以看到開發(fā)者們試圖突破傳統(tǒng)網(wǎng)頁的種種限制，創(chuàng)造出更加多樣的表現(xiàn)形式。但這只

3、是一個開始，開發(fā)者們必須要付出更多的努力去創(chuàng)建一個良好的Web生態(tài)系統(tǒng)。隨著國內開發(fā)者對Web技術的重視，不僅僅是了解視差滾動技術的核心算法，將技術框架化或插件化在新技術推廣上是很必要的。
　　本文詳細介紹了HTML標準的發(fā)展過程，HTML5的出現(xiàn)和它在當今網(wǎng)頁開發(fā)中的重要地位，從網(wǎng)頁開發(fā)的趨勢中發(fā)掘出視差滾動的價值，并介紹了JavaScript框架技術與jQuery框架。再對視差滾動做了全面的分析和分類，給出每一類視差滾動的算法

4、原理。在此基礎上，更進一步的研究視差滾動技術在網(wǎng)頁立體化上的重要意義，嘗試以偽3D的設計思想構建出一套解決方案。此外，分析了視差滾動的缺點和視差滾動的適用范圍。最后，通過JavaScript語言，用JavaScript框架技術和jQuery框架技術將視差滾動技術封裝成視差滾動框架。說明了框架提供的的接口和功能，并介紹如何使用視差滾動框架構建網(wǎng)頁。本文建立了一套可以構建視差滾動網(wǎng)頁并且初步實現(xiàn)網(wǎng)頁立體化的解決方案，相比使用傳統(tǒng)的開發(fā)技術，