千纸鹤-将动画定位到任意位置
正在加载中……



将动画定位到任意位置

将动画定位到任意位置


   在博文编辑、音画制作中,常常需要将动画、播放器、图片、文字等元素放置在需要的位置。如何定位呢?下面将我制作中定位的方法介绍如下:

   1、相对定位代码:


   <DIV style="MARGIN-TOP: Ypx; MARGIN-LEFT: Xpx">要定位的元素代码</DIV>


   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、代码使用实例:


<P align=center><EMBED src=http://dashan.vip5.flashyc.net/swf/mp3bfqct.swf width=550 height=160 type=application/x-shockwave-flash WMODE="transparent" QUALITY="high" FLASHVARS="ct=7" ></EMBED></P>   

<DIV style="MARGIN-TOP: -70px; MARGIN-LEFT: 15px"><EMBED src=http://dashan.vip5.flashyc.net/swf/sl-bfq-jgc.swf width=660 height=80 type=application/x-shockwave-flash QUALITY="high" WMODE="transparent" FLASHVARS="mp3=http://218.22.242.69/ltdg/1213.MP3&amp;mbk=660&amp;sf=180&amp;b=1" ></EMBED></DIV>


   代码中黑色部分为背景图,即上一个元素。红色部分就是定位代码,蓝色部分是播放器,即要定位的元素。播放器的高度是80px,宽度660px,MARGIN-TOP: -70px; MARGIN-LEFT: 15px将播放器定位到距离背景图底部70px、距离窗口左边15px的位置。


   4、下一个元素的位置


    当定位代码中的MARGIN-TOP: Ypx,Y取负数,绝对值大于要定位的元素高度,下一个元素没有使用定位代码时,会将下一个元素也插入到上一个元素之中。解决的办法:下一个元素也使用定位代码。或者使用插入一行的代码<p></p>,视Y和高度情况插入数个<p></p>。




  您阅读这篇文章共花了:


千纸鹤文章说明

本文《将动画定位到任意位置》
由作者: wilson 2018-07-21 11:15:50 发布于『代码特效』,
转载或复制请以 超链接形式 并注明出处 千纸鹤博客
 原文地址:http://www.wilsonzy.cn/dmtx/110.html
如果我的文章帮助到了你,或者给你产生了些许spark ,欢迎(-(分享出去)-)。

评论(0)

后面还有条评论,点击查看>>

扫描二维码关注我为好友