宠妻霸上腹黑枭首微盘:【将动画定位到任意位置】

来源:百度文库 编辑:偶看新闻 时间:2024/03/29 03:22:36
在博文编辑、音画制作中,常常需要将动画、播放器、图片、文字等元素放置在需要的位置。如何定位呢?下面将我制作中定位的方法介绍如下:  1、相对定位代码:
要定位的元素代码
  2、代码使用说明:MARGIN-TOP: Ypx  顶部位置。距离上一个元素的底部Ypx。Y可以是正数、零、负数。当Y=正数时,表示与上一个元素拉开Ypx距离。当Y=零时,表示紧接着上一个元素。当Y=负数时,表示插在上一个元素之中,要定位元素的顶部距离上一个元素(被插入元素)底部的Y绝对值px。例Y=-100,在距离上一元素底部100px位置。MARGIN-LEFT: Xpx 左边位置。X可以是正数、零、负数。当要定位的元素排版格式为:靠左align=left或缺省时,其0点位置是窗口的左边。那么Xpx,就是其左边距离窗口的左边X位置。取中align=center,其0点位置是窗口的中间。那么Xpx,就是其左边距离窗口的中心线X位置。靠右align=right,其0点位置是窗口的右边。那么Xpx,就是其左边距离窗口的右边X位置。
3、代码使用实例:

  
 代码中黑色部分为背景图,即上一个元素。红色部分就是定位代码,蓝色部分是播放器,即要定位的元素。效果如下:
',1)">
',2)">
播放器的高度是80px,宽度660px,MARGIN-TOP: -70px; MARGIN-LEFT: 15px将播放器定位到距离背景图底部70px、距离窗口左边15px的位置。   4、下一个元素的位置当定位代码中的MARGIN-TOP: Ypx,Y取负数,绝对值大于要定位的元素高度,下一个元素没有使用定位代码时,会将下一个元素也插入到上一个元素之中。解决的办法:下一个元素也使用定位代码。或者使用插入一行的代码

,视Y和高度情况插入数个