本发明为页面提供了一种动态参照布局及展现的方法，一个包含了元素A、元素B的页面，通过判断元素A、元素B、窗口框架三者之间的尺寸关系，智能的得出相应的布局方法，使页面在窗口框架中移动时，元素A与元素B进行相互的参照，适时的移动、锁定、解锁，达到元素A、元素B的纵向（或横向）有效区域在其窗口框架中存在与消失时保持同步，最终使页面达到完整、美观、易用的目的，改善用户体验。
1.一种页面元素智能的布局方法，其特征是：在一个页面内，为某个元素A指定一个纵向（或横向）参照元素B,xa0通过智能的判断元素A、纵向（或横向）参照元素B的高度（或宽度）与其窗口框架的高度（或宽度）的关系，执行相应的布局方法，通过元素适时的移动、锁定、解锁，使两元素的纵向（或横向）有效区域在其窗口框架中存在与消失时保持同步。
2.根据权利要求1所述的页面元素智能的布局方法，其特征是：所述的页面，包括任何网页、软件、操作系统以及实物等涉及到的页面、界面、版面等等，以下统称为“页面”。
3.根据权利要求1所述的页面元素智能的布局方法，其特征是：所述的元素小到一个页面的标点符号，大到一个段落、一个节点，一个区块，甚至整个页面等，以下统称为“元素”。
4.根据权利要求1所述的页面元素智能的布局方法，其特征是：元素A、B可以在不同的窗口框架中，也可以在同一级同一个窗口框架中，当元素的窗口框架的高度（或宽度）大于当前页面窗口框架的高度（或宽度）时将会重新定义该窗口框架的高度（或宽度）为当前页面窗口框架的高度（或宽度），窗口框架滚动条可以根据需要隐藏或显示。
5.根据权利要求1所述的页面元素智能的布局方法，其特征是：所述的纵向（或横向）参照元素B，其在所属的窗口框架中纵向（或横向）移动时，有二个状态：纵向（或横向）“提供参照”和纵向（或横向）“待提供参照”，参照元素B在纵向（或横向）“提供参照”状态下会提供二个移动参数：移动方向与移动距离，移动方向是指上、下（或左、右），移动距离是指参照元素B与其上个时间快照上形成的纵向（或横向）坐标差距，参照元素只有在“提供参照”状态下才提供移动参数，在“待提供参照”下不提供移动参数，即使元素B正在其窗口框架中纵向（或横向）移动时，也不会提供移动参数，元素A也就不会响应移动、锁定、解锁等事件，一个纵向（或横向）参照元素可以同时被多个元素指定，一个元素在纵向（或横向）只能拥有一个参照元素。
6.根据权利要求1所述的页面元素智能的布局方法，其特征是：所述的通过智能的判断元素A、纵向（或横向）参照元素B的高度（或宽度）与其窗口框架的高度（或宽度）的关系，执行相应的布局方法，主要包含以下三种情况，第一种情况是元素A、B的高度（或宽度）都大于其窗口框架的高度（或宽度），对此情况，执行的布局方法为——首先比较元素A与参照元素B的高度（或宽度），如果元素A的高度（或宽度）大于元素B的高度（或宽度），需将元素A与元素B所代表的元素对调，在参照元素B进入纵向（或横向）“提供参照”状态后，随着窗口框架的滚动，元素A会参照元素B在其所属的窗口框架中以特定的方式进行纵向（或横向）移动，如果元素A纵向（或横向）的有效区域在其窗口框架中的部分将要减少时，将元素A纵向（或横向）锁定，直到符合条件时解锁；第二种情况是元素A、B有一方的高度（或宽度）大于其窗口框架的高度（或宽度），另一方的高度（或宽度）小于等于其窗口框架的高度（或宽度），对此情况，如果参照元素B的高度（或宽度）小于等于其窗口框架的高度（或宽度），那么首先要将元素A、B所代表的元素对调，然后执行的布局方法为——在参照元素B进入纵向（或横向）“提供参照”状态后，将元素A纵向（或横向）锁定，直到符合条件时解锁；第三种情况是元素A、B的高度（或宽度）都小于其窗口框架的高度（或宽度），对此情况，不触发智能布局方法。
7.根据权利要求6所述的参照元素B进入纵向（或横向）“提供参照”状态，其特征是：所述的第一种情况，纵向（或横向）“提供参照”区域即为参照元素B的高度（或宽度）所在区域；所述的第二种情况，纵向（或横向）“提供参照”区域为参照元素B的高度（或宽度）所在区域下边（或右边）再追加一个特定的高度（或宽度）区域，特定的高度（或宽度）的计算方法是——当窗口框架顶边（或左边）与参照元素B的顶边（或左边）重叠时，窗口框架的底边（或右边）的纵向（或横向）坐标减去元素A的底边（或右边）的纵向坐标的值，此值可以为负数；当窗口框架纵向（或横向）显示区域在纵向（或横向）“提供参照”区域之内时，参照元素B为纵向（或横向）“提供参照”状态，否则为纵向（或横向）“待提供参照”状态，但有时元素B有特殊的布局或样式，比如元素B的边缘存在留白或缩进等属性，这样在视觉上会存在过早或过晚的进入“提供参照”状态的情况。
8.根据权利要求6所述的元素A会参照元素B在其所属的窗口框架中以特定的方式进行纵向（或横向）移动，其特征是：元素A与元素B二者移动方向相同，移动速度、移动距离不一定相同，具体受移动方式的影响，移动方式主要有“同步移动”和“同比移动”；所谓“同步移动”是指当参照元素B在其窗口框架中向某个方向移动的距离为N，元素A也在其所属的窗口框架中同时向某个方向移动的距离为N；所谓“同比移动”是指当纵向（或横向）参照元素B向某个方向移动了其窗口框架外纵向（或横向）区域的N%，那么元素A也会同时同方向移动其窗口框架外纵向（或横向）区域的N%，纵向同比移动公式为：元素A的纵向移动距离/元素A在其窗口框架外的高度=xa0元素B的纵向移动距离/元素B在其窗口框架外的高度，横向同比移动公式为：元素A的横向移动距离/元素A在其窗口框架外的宽度=元素xa0B的横向移动距离/元素B在其窗口框架外的宽度，上述各公式各变量的单位统一，通过此公式的数学运算就可以得出元素A的移动距离，形成同比移动的方式；移动方式不局限于“同步移动”和“同比移动”，移动方式预留出一种扩展接口，可以据此衍生出更多的移动方式。
9.根据权利要求1或6所述的锁定，其特征是：锁定是元素A相对于其窗口框架而言的，将元素A固定在其窗口框架的某个位置且不受其窗口框架纵向（或横向）滚动操作而纵向（或横向）移动的时候，即为锁定,xa0纵向（或横向）锁定的条件是：参照元素B进入纵向（或横向）“提供参照”状态后，元素A在其窗口框架中移动时，如果元素A的某边缘与其窗口框架的某边缘对齐，并且元素A纵向（或横向）的有效区域在其窗口框架中的部分将要减少时，此时将元素A纵向（或横向）锁定，但有时由于元素A存在留白或缩进，在视觉上会存在元素A的边缘与其窗口框架的边缘无法完全对齐的情况。
10.根据权利要求1或6所述的解锁，其特征是：解锁是元素A相对于其窗口框架而言的，如果参照元素B的状态变为纵向（或横向）“待提供参照”或者元素B在其窗口中改变了对应的移动方向时，那么解除指定元素A与其窗口框架的纵向（或横向）锁定关系，并留在其在页面中纵向（或横向）解锁时所处的纵向（或横向）位置，元素A解锁后，将不在与其窗口框架保持锁定关系，窗口框架的滚动操作也将直接影响元素A在窗口中的位置。技术领域
本发明涉及到网页、软件、操作系统以及各种实物等的页面、界面、版面元素的动态布局及展现方法。xa0
背景技术
伴随着当今社会的日新月异，一个蕴含了大量信息的页面往往不能同时由一个窗口全部展现出来时，窗口就会给用户提供一种叫做“滚动条”的工具，使用户可以上下左右滚动查看，但是在这种情况下，经常会出现多个布局元素由于不能等高或者等宽，在页面布局时无法对齐从而出现空白区域的现象，不但浪费了有限的窗口资源，减少了窗口的使用效率，用户体验效果也不是很好，例如一个页面包含左右两栏，且两栏的高度不同，在页面滚动浏览的过程中，相对短的一栏就会给窗口框架留出空白，如图1.1、图1.2所示。为了解决这个难题，最常用的就是把左右两栏分开控制，左右两栏各执一个滚动条，如图1.3所示，但是这样，又会产生了新的问题：一是页面包含了多个滚动条时不好控制，二是滚动条的出现减少了有限的窗口显示面积，三是影响页面的完整性、美观性。xa0
发明内容
本发明为页面提供了一种动态参照布局及展现的方法，如果某个页面中的元素A与元素B由于高度（或宽度）不能达成统一，从而造成页面的布局空白或缺失，那么通过判断元素A、元素B、窗口框架三者之间的尺寸关系，智能的得出相应的布局方法，使页面在窗口框架中移动时，元素A与元素B进行相互的参照，适时的移动、锁定、解锁，达到元素A、元素B的纵向（或横向）有效区域在其窗口框架中存在与消失时保持同步，最终使页面达到完整、美观、易用的目的，改善用户体验，其大致布局过程请参照图2、图3所示。xa0为达到上述目的，本发明实施采用如下技术方案：xa0首先为某个元素A指定一个纵向（或横向）参照元素B，通过智能的判断元素A、B的高度（或宽度）与其窗口框架的高度（或宽度）的关系，执行相应的布局方法，理论上，元素A、B可以任意指定，但是在实际应用中，为达到智能布局的有效性，一般参照元素B的高度（或宽度）尽量大于元素A，并且参照元素B的高度（或宽度）尽量大于窗口框架的高度（或宽度），元素A、B应该在页面中有一定的联系，比如想在显示B的过程中始终显示元素A，当然，有时页面布局时，由于元素的内容需要动态加载，所以无法预知各元素的高度（或宽度），主要体现在下面的三种情况：一、元素A的高度（或宽度）大于其窗口框架的高度（或宽度），同时纵向（或横向）参照元素B的高度（或宽度）大于其窗口框架的高度（或宽度），如图4所示，对于此种情况，所对应的布局方案为——首先比较元素A与参照元素B的高度（或宽度），如果元素A的高度（或宽度）大于参照元素B的高度（或宽度），需先将元素A与参照元素Bxa0xa0所代表的元素对调，再执行布局方法，在参照元素B进入纵向（或横向）“提供参照”状态后，元素A会参照元素B在其所属的窗口框架中以特定的方式进行纵向（或横向）移动，当元素A纵向（或横向）的有效区域在其窗口框架中的部分将要减少时，将元素A纵向（或横向）锁定，直到符合条件时解锁；二、元素A、B有一方的高度（或宽度）大于其窗口框架的高度（或宽度），另一方的高度（或宽度）小于等于其窗口框架的高度（或宽度），对此情况，如果参照元素B的高度（或宽度）小于等于其窗口框架的高度（或宽度），那么首先要将元素A、B所代表的元素对调，在页面移动的过程中，如果参照元素B进入纵向（或横向）“提供参照”状态后，将元素A纵向（或横向）锁定，直到符合条件时解锁，如图5所示；三、元素A的高度（或宽度）小于等于其窗口框架的高度（或宽度），同时纵向（或横向）参照元素B的高度（或宽度）小于等于其窗口框架的高度（或宽度），如图6所示，对于此种情况，所对应的布局方案为——不会执行布局方法。判定纵向（或横向）参照元素B是否处在“提供参照”状态，方法为当窗口框架纵向（或横向）区域在纵向（或横向）“提供参照”区域之内时，参照元素B为纵向（或横向）“提供参照”状态，如图7.1所示，否则为纵向（或横向）“待提供参照”状态，如图7.2、图7.3所示，需要注意的是，当元素A、元素B的高度（或宽度）都大于其窗口框架高度（或宽度）时，此时的纵向（或横向）“提供参照”区域就是纵向（或横向）参照元素B所在的纵向（或横向）区域，如图4所示，然而当元素A、元素B有一方小于等于其窗口框架高度（或宽度）,另一方大于其窗口框架高度（或宽度）时，纵向（或横向）“提供参照”区域为参照元素B所在的纵向（或横向）区域下边（或右边）再追加一个特定的高度（或宽度）区域，特定的高度（或宽度）的计算方法是——当窗口框架顶边（或左边）与参照元素B的顶边（或左边）重叠时，窗口框架的底边（或右边）的纵向（或横向）坐标减去元素A的底边（或右边）的纵向坐标的值，此值可以为负数，如图5所示。xa0纵向（或横向）参照元素B在“提供参照”状态时，提供二个参数：移动方向、移动距离，元素A参照纵向（或横向）参照元素B所提供的参数进行移动，主要有同步移和同比移动——xa0同步移动：如果纵向（或横向）参照元素B向某个方向移动了N像素，那么元素A也会同时同方向移动N像素，如图8所示；同比移动：如果纵向（或横向）参照元素B向某个方向移动了其窗口框架外纵向（或横向）区域的N%，那么元素A也会同时同方向移动其窗口框架外纵向（或横向）区域的N%，二者移动方向相同，移动距离不一定相同，同比移动的公式为：元素A的纵向（或横向）移动距离/元素A在其窗口框架外的高度（或宽度）=xa0元素B的纵向（或横向）移动距离/元素B在其窗口框架外的高度（或宽度），通过此公式的数学运算就可以得出元素A参照元素B应该移动的距离，形成同比移动的方式，如图9所示。锁定是元素A相对于其窗口框架而言的，xa0不论同步移动还是同比移动或者其它移动方式，如果元素Ａ的某边缘与其窗口框架的某边缘对齐，并且当元素A纵向（或横向）的有效区域在其窗口框架中的部分将要减少时，此时将元素Ａ纵向（或横向）固定在其窗口框架中，直到解锁，例如图2.3、图3.3所示。xa0解锁是在元素A锁定时，解除其与其窗口框架的锁定，并且将其留在其在页面中解锁时所处的纵向（或横向）位置，解锁条件有二种：第一种是元素Ａ在纵向（或横向）锁定时，纵向（或横向）参照元素Ｂ改变了对应的移动方向（即上对下、左对右）；第二种是纵向（或横向）参照元素Ｂ转换成了“待提供参照”状态。xa0附图说明为了更好的说明本发明技术的方法，下面将通过附图的方式进一步阐述，为了深入浅出，图例中均采用典型的两栏布局结构，实际应用中的一栏、三栏布局结构甚至更多栏的布局结构同理，横向竖向均同理；图1：网页常见的两栏布局结构，由于各栏内容不同，使两栏的高度不一致，在滚动阅读的同时，页面左栏会被移出窗口，从而减少了页面左栏的阅读机会，对于类似图1.2所示的这种左右二栏不能对齐的问题，现行的技术方案就是让左右两栏各执一个滚动条；图2、图3：由于页面左栏的高度小于右栏的高度致使页面产生无效的空白时，采用本技术方法，根据智能条件判断后，“页面左栏”以“页面右栏”为纵向“参照元素”，“页面右栏”高度所在区域为纵向“提供参照”区域，可以看到，在整个窗口框架滚动的过程中，窗口框架内并没有出现无效的空白给用户，不但信息显示完整，操作的有效性也得到了提高，图2展示的是页面左栏以页面右栏为纵向“参照元素”，页面右栏高度所在区域为纵向“提供参照”区域，页面向上移动时的智能布局步骤，图3展示的是“页面左栏”以“页面右栏”为纵向“参照元素”，页面右栏高度所在区域为纵向“提供参照”区域，页面向下移动时的智能布局步骤；图2.1：如图所示，页面顶部在窗口框架中显示，此时布局没有什么问题，可以正常显示，此时不进行处理；图2.2：如图所示，页面在窗口框架中上移，页面右栏进入纵向“提供参照”状态后，窗口框架下边缘与“页面左栏”下边缘对齐时，如果页面再继续上移的话，“页面左栏”纵向的有效区域在其窗口框架中的部分将要减少，此时将xa0“页面左栏”纵向锁定，即“页面左栏”底部与窗口框架底部对齐锁定；图2.3：如图所示，“页面左栏”被纵向锁定到窗口框架后，页面仍继续上移，但页面左栏纵向并没有被移出窗口框架造成窗口框架的布局空白问题；图2.4：如图所示，“页面左栏”被纵向锁定到窗口框架后，页面继续向上移动，纵向“参照元素”（即页面右栏）将进入纵向“待提供参照”状态，此时“页面左栏”与窗口框架解除纵向锁定关系；图2.5：如图所示，虽然“页面左栏”与窗口框架已经解锁，但是“页面左栏”已经与其一开始所处的页面位置不同了，“页面左栏”被留在了其在页面中纵向解锁时所处的纵向页面位置，在窗口框架查看到了页面底部时，整个页面仍然保持着完整的布局，实际上，页面本来的空白区域被页面左栏合理的填充了；图3.1：如图所示，图3.1与图2.5其实是一个状态，也是页面由下往上查看的一个开始，此时“页面右栏”为纵向“待提供参照”状态；图3.2：如图所示，向上查看滚动页面，页面右栏进入纵向“提供参照”状态后，窗口框架上边缘与“页面左栏”上边缘对齐，如果再继续滚动页面的话，“页面左栏”纵向的有效区域在其窗口框架中的部分将要减少，此时将xa0“页面左栏”纵向锁定，即“页面左栏”顶部与窗口框架顶部对齐锁定；图3.3：如图所示，“页面左栏”被纵向锁定到窗口框架后，页面虽然仍继续下移，但左栏并没有离开窗口框架造成当前窗口的布局空白问题；图3.4：如图所示，“页面左栏”被纵向锁定到窗口框架后，如果页面继续向下移动，纵向“参照元素”（即页面右栏）将进入纵向“待提供参照”状态，此时“页面左栏”与窗口框架解除纵向锁定关系；图3.5：如图所示，在窗口框架显示到页面顶部时，整个页面又回到了如图2.1所示的初始布局样式；图4.1：如图所示，页面左栏、右栏高度均大于其窗口框架的高度，通过初步智能判断后可以执行布局方法，由于“页面右栏”的高度大于等于xa0“页面左栏”的高度，原本定义的“页面左栏”以“页面右栏”为纵向“参照元素”不变，页面左栏高度xa0＞其窗口框架高度，页面右栏高度xa0＞其窗口框架高度，页面右栏高度xa0≥xa0页面左栏高度，根据图中所示条件：页面左栏以页面右栏为纵向“参照元素”页面左栏高度xa0＞其窗口框架高度，页面右栏高度xa0＞其窗口框架高度，页面右栏高度xa0≥xa0页面左栏高度，根据图中所示条件：页面左栏以页面右栏为纵向“参照元素”；图4.2：如图所示，页面左栏、右栏高度均大于其窗口框架的高度，通过初步智能判断后可以执行布局方法，但由于“页面右栏”的高度小于xa0“页面左栏”的高度，原本定义的“页面左栏”以“页面右栏”为纵向“参照元素”将会智能对调，变成“页面右栏”以“页面左栏”为纵向“参照元素”，页面左栏高度xa0＞其窗口框架高度，页面右栏高度xa0＞其窗口框架高度，页面右栏高度xa0<xa0页面左栏高度，根据图中所示条件：页面右栏以页面左栏为纵向“参照元素”；图5.1：如图所示，“页面左栏”高度小于等于其窗口框架的高度，“页面右栏”高度大于其窗口框架的高度，通过初步智能判断后可以执行布局方法，原本定义的“页面左栏”以“页面右栏”为纵向“参照元素”也不变，在“页面右栏”进入纵向“提供参照”状态后，“页面左栏”会纵向锁定在其当时在窗口框架中的纵向位置，直到符合条件时解锁，页面左栏高度xa0≤xa0当前窗口框架高度，页面右栏高度xa0＞当前窗口框架高度，根据图中所示条件：页面左栏以页面右栏为纵向“参照元素”；图5.2：如图所示，“页面左栏”高度大于其窗口框架的高度，“页面右栏”高度小于等于其窗口框架的高度，通过初步智能判断后可以执行布局方法，但原本定义的“页面左栏”以“页面右栏”为纵向“参照元素”将会智能对调，变成“页面右栏”以“页面左栏”为纵向“参照元素”xa0，在“页面左栏”进入纵向“提供参照”状态后，“页面右栏”会纵向锁定在其当时在窗口框架中的纵向位置，直到符合条件时解锁，页面左栏高度xa0＞当前窗口框架高度，页面右栏高度xa0≤xa0当前窗口框架高度，根据图中所示条件：页面右栏以页面左栏为纵向“参照元素”；图6：如图所示，页面左栏、页面右栏的高度都小于等于其窗口框架的高度，通过智能判断此种情况下不会执行布局方法，因为没有意义，页面左栏高度xa0≤xa0其窗口框架高度，页面右栏高度xa0≤xa0其窗口框架高度；图7：如图所示，此图示意的是如何判断参照元素的状态，由于页面左栏、页面右栏的高度都大于其窗口框架的高度，因此相对较高的页面右栏所在的纵向区域即为纵向“提供参照”区域，（本图中“页面左栏”以“页面右栏”为纵向“参照元素”）；图7.1：如图所示，在页面不断的移动过程中，窗口框架纵向区域在纵向“提供参照”区域之内，此时页面右栏为纵向“提供参照”状态；图7.2：如图所示，窗口框架纵向区域在纵向“提供参照”区域上部超出了一段距离，此时页面右栏为纵向“待提供参照”状态；图7.3：窗口框架纵向区域在纵向“提供参照”区域下部超出了一段距离，此时页面右栏为纵向“待提供参照”状态；图8：如图所示为移动方法之“同步移动”，纵向“参照元素”（即页面右栏）进入“提供参照”状态后，当页面右栏向上移动了400像素时，页面左栏也同时向上移动了400像素，（本图中“页面左栏”以“页面右栏”为纵向“参照元素”）；图9：如图所示为移动方法之“同比移动”，（本图中“页面左栏”以“页面右栏”为纵向“参照元素”）；图9.1：如图所示，此图例中，页面左栏有500像素高的未显示区域，右栏有800像素高的未显示区域；图9.2：如图所示，此图例中，纵向“参照元素”（即页面右栏）进入“提供参照”状态后，当页面向上移动400像素时，也就是页面右栏向上移动了400像素，按照比例计算：400÷800=50%，即页面右栏向上移动了其窗口框架外纵向区域的50%的距离，那么根据同比移动的定义，页面左栏也应当同时向上移动其窗口框架外纵向区域的50%的距离，但不是页面右栏所移动的400像素，而是500×50%=250像素；图9.3：页面右栏向上移动了其窗口框架外纵向区域的100%的距离后xa0，页面左栏也同时向上移动了其窗口框架外纵向区域的100%的距离。独创性：xa0这种页面动态参照布局的方法灵感来自于潜艇的舷窗，有时一个超长的页面就如同海水，想看清海下的全貌就要不断的下潜上浮，在不断的下潜上浮过程中显示在舷窗中的景象也会随之改变，但是如果一棵水草挂在了舷窗上，那么这棵水草就会跟随潜艇下潜上浮而不会消失在舷窗视野中，再比如舷窗上安装了一个海水深度表，在潜艇不断的下潜上浮过程中深度表的指针也会在不断的上下浮动，在这个例子中，海水其实就是参照元素，水草、深度表的指针其实就是跟随参照元素进行移动的元素，二者虽然不同尺寸，但是却都能够在有限的舷窗中展现。本套页面动态参照布局及展现方法正是受此启发所创造的。应用空间及优点：xa0应用1：该技术方法解决了多栏结构的页面中同组元素尺寸不一带来的布局难题，使页面显示内容更充实、更完整，更美观，更容易操作点击，还使用户的无效滚动操作减少。这点对于电子商务尤为重要，比如现在的淘宝网店铺页面，一般都是把店铺的商品分类目录放到左侧，把商品介绍放到页面右侧，由于商品介绍的内容和图片会占用很大的篇幅以至于远远超出左侧商品分类目录的高度，至使用户在向下滚动浏览的过程中，左侧的目录早已被滚出当前窗口所显示的区域，在用户浏览完商品介绍后，想再看到左侧的商品分类目录，只能做很多的无效滚动才能再次看到左侧的商品分类目录，这种用户体验非常需要改善，还有一点值得注意的事，很多商家会把一些广告位也放到左栏，但是仍不及右侧的商品介绍的栏目长，所以在用户浏览滚动时也会把左栏中的广告移出当前窗口，每时每刻，都会有成千上万的用户访问页面，如果用户看不到广告，商家也就失去了机会，造成的损失可想而知。从另一个角度讲，在不同的商品页面，由于左侧跟右侧的内容是动态调取出来的，左侧跟右侧的栏目不能齐高，而使左侧或者右侧出现大量的空白，这也是美术设计非常头痛的问题，此发明方法智能的应用，对用户来讲解决了用户操作上的有效性跟难度，对商家来讲增强了页面的友好度，更重要的是增加了更多的商业机会，对设计师来讲解决了网站设计的完整性跟美观性的需求。xa0应用2：该技术为页面特效的设计提供了一种方法，例如在页面的特定区域内，把指定元素与特定区域重叠排放，当使用同比移动的方式时，会使上下层次产生一种不同步的移动，给人感观上产生一种错位的立体感觉。xa0