论文部分内容阅读
在过去的二十年里,Web技术的发展一日千里。网页作为互联网重要的组成部分,传递信息不可或缺的载体,得到了越来越多的开发者们的重视。人们对于互联网的依赖性越来越大,通过网络可以获得更多的信息,数据,体验。自从HTML5标准制定以来,以HTML5,CSS3,JavaScript为基础的Web新技术层出不穷,开发者们在不断的探索网页内容呈现形式的多样性。视差滚动(Parallax Scrolling)是一项概念性的技术,是将视差产生的原理结合到网页中开发出具有视差效果的网页,并没有具体的实现方式。它的应用在国外较多,但并不成熟,而国内还停留在起步阶段。视差滚动是目前最热门的网页开发新兴技术之一,已经开始越来越多地应用在网页开发当中,它为网页提供了全新的交互方式和用户体验。视差滚动不仅是Web技术上的创新,也是网页交互上的创新。它用简单的层级关系实现了立体的效果,让人耳目一新。通过视差滚动可以看到开发者们试图突破传统网页的种种限制,创造出更加多样的表现形式。但这只是一个开始,开发者们必须要付出更多的努力去创建一个良好的Web生态系统。随着国内开发者对Web技术的重视,不仅仅是了解视差滚动技术的核心算法,将技术框架化或插件化在新技术推广上是很必要的。本文详细介绍了HTML标准的发展过程,HTML5的出现和它在当今网页开发中的重要地位,从网页开发的趋势中发掘出视差滚动的价值,并介绍了JavaScript框架技术与j Query框架。再对视差滚动做了全面的分析和分类,给出每一类视差滚动的算法原理。在此基础上,更进一步的研究视差滚动技术在网页立体化上的重要意义,尝试以伪3D的设计思想构建出一套解决方案。此外,分析了视差滚动的缺点和视差滚动的适用范围。最后,通过JavaScript语言,用JavaScript框架技术和j Query框架技术将视差滚动技术封装成视差滚动框架。说明了框架提供的的接口和功能,并介绍如何使用视差滚动框架构建网页。本文建立了一套可以构建视差滚动网页并且初步实现网页立体化的解决方案,相比使用传统的开发技术,使用这套方案门槛更低,开发网页也更加快捷。本文以视差滚动技术作为主要研究对象,并将其作为网页立体化的手段之一进行了深入的分析和实现。本文建立了一个较为完整的框架,在目前网页3D技术仍不成熟的情况下,为开发具有立体效果的网页开辟了一条新的道路。