菜谱英文怎么说:将flash定位于图片(

来源:百度文库 编辑:九乡新闻网 时间:2024/04/30 04:40:20
将flash定位于图片

',1)">
swf是什么,flash又是什么,以前写《也说flash图片》时,其实自己还是不甚明白,现在才
知一二,两者应该是同一东西,flash是软件的称呼(有很多版本),而swf是用flash软件制作出
来后上传后获取的地址的后缀。
flash制作不容易,成品完成之后如何获得swf地址又是一件麻烦事。新浪博客不支持swf,我
们只好借助其他的网站来获取地址,而能提供上传并且稳定的网站并不多,好不容易得到地址,你
又得将地址写进代码中,才可在新浪博客中发表,后续的烦恼还有,哪天那个你上传的网站出问题
了,你的作品就会开天窗。
——真够麻烦吧!
——令人望而却步。
——可是,当我们的博客中有了一些动画,美感顿时产生。
我们可以将完整的flash作品放进博客里,在不是很需要或特欣赏时,一般不会整天搬这样的作品,除非是你自己的原创。可是我们可以尽情地搬用透明flash,诸如什么星星啊、小花草啊什么的来点缀,这样一幅静止的图片立刻就有了动感了。网络上有很多这样的素材,地址是现成的,而且大部分非常稳定,运用起来很是方便。
要制作一幅漂亮的flash图片,定位代码非常重要,否则,你将flash引进图片时,就会东倒西
歪,不听指挥。
先记记两段代码:
(一)将swf地址写进博文的代码


(二)将swf定位到任意位置上的代码
要定位的元素代码

具体说明:
★    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位置。
★    当定位代码中的MARGIN-TOP: Ypx,Y取负数,绝对值大于要定位的元素高度,下一个元素没有使用定位代码时,会将下一个元素也插入到上一个元素之中。解决的办法:下一个元素也使用定位代码。或者使用插入一行的代码

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


看起来好像很深奥哦,当然,这是彩云归老师写的,专业术语比较多。其实,你能看懂最好,看不明白就甭管了,以上面的实例,跟我来具体一步步操作:
第一步:
将图片插入博文中,注意点一下博文上面的工具栏让“图片居中排版”。(图片居中会美观很多)
第二步:
在“显示源代码”的方框中打上勾,此时一行代码出现,这就是图片代码:



第三步:
在图片代码后面,写上定位代码(先将x、y改成0),代码就扩展成这样:




第四步:
在第三步的代码后面,继续添加带有swf地址的代码,也就是上面所写的将swf地址写进博文的代
码,最后形成这样一段代码,就基本ok了。(三段代码,要看清楚)





第五步
(1)将swf地址填进去,随你了,填你喜欢的,我找的是一个相框的swf,地址是
http://www.flashempire.com/myfe/upload/flash/174/1736461_1283152098.swf
(2)最后你要做的就是手动去调整“MARGIN-TOP: 0px; MARGIN-LEFT: 0px”中“px”的数值了,
我调了MARGIN-TOP: -440px,就完成了。这一步是最关键的,因为只有改变数值方可将flash放在
我们满意的位置。
第六步,完成。完整代码如下:





你在调节数值时可以将“显示源代码”的勾去掉,看看效果后再打上勾进行修改,花出一点点时间,看那flash随着数值的改变忽左忽右,忽上忽下的,很好玩的,最终将之安放在图片的最佳位置,哈,成就之感油然而生。
还有,如果你想多添加几个透明的flash,就将后面两段代码继续往下复制,换个SWF地址,调
整“px”的数值就行了。其中,“width”和“height”也可随你所需进行大小的调整。
我看过也用过一些将flash放进图片中的代码,但经过对比,这段定位代码虽然非常短,作用
却很大,运用方便。所以推荐一下,试一试。