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

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

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

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

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