当前位置:首页 > ۞主题▪素材 > Flash↔归类
Flash↔归类

图片上定位Flash

时间:2019-4-29 21:08:47  作者:腾龙视觉  来源:原创  浏览:20  评论:0
内容摘要:swf是什么,flash又是什么,以前写《也说flash图片》时,其实自己还是不甚明白,现在才知一二,两者应该是同一东西,flash是软件的称呼(有很多版本),而swf是用flash软件制作出来后上传后获取的地址的后缀。flash制作不容易,成品完成之后如何获得swf地址又是一件...

swf是什么,flash又是什么,以前写《也说flash图片》时,其实自己还是不甚明白,现在才

知一二,两者应该是同一东西,flash是软件的称呼(有很多版本),而swf是用flash软件制作出

来后上传后获取的地址的后缀。

flash制作不容易,成品完成之后如何获得swf地址又是一件麻烦事。新浪博客不支持swf,我

们只好借助其他的网站来获取地址,而能提供上传并且稳定的网站并不多,好不容易得到地址,你

又得将地址写进代码中,才可在新浪博客中发表,后续的烦恼还有,哪天那个你上传的网站出问题

了,你的作品就会开天窗。

——真够麻烦吧!

——令人望而却步。

——可是,当我们的博客中有了一些动画,美感顿时产生。

我们可以将完整的flash作品放进博客里,在不是很需要或特欣赏时,一般不会整天搬这样的作品,除非是你自己的原创。可是我们可以尽情地搬用透明flash,诸如什么星星啊、小花草啊什么的来点缀,这样一幅静止的图片立刻就有了动感了。网络上有很多这样的素材,地址是现成的,而且大部分非常稳定,运用起来很是方便。

要制作一幅漂亮的flash图片,定位代码非常重要,否则,你将flash引进图片时,就会东倒西

歪,不听指挥。

先记记两段代码:

(一)将swf地址写进博文的代码

             

<P align=center><EMBED src=swf地址 width=600 height=400 type=application/x-shockwave-flash WMODE="transparent" SHOWSTATUSBAR="true"></P>

           

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

             

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

具体说明:

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

           

看起来好像很深奥哦,当然,这是彩云归老师写的,专业术语比较多。其实,你能看懂最好,看不明白就甭管了,以上面的实例,跟我来具体一步步操作:

第一步:

将图片插入博文中,注意点一下博文上面的工具栏让“图片居中排版”。(图片居中会美观很多)

第二步:

在“显示源代码”的方框中打上勾,此时一行代码出现,这就是图片代码:

             

<A><IMG id=image_operate_17661278921228000 style="DISPLAY: block; MARGIN: 0px auto; TEXT-ALIGN: center" height=400 src="/Article/UploadFiles/201409/2014090914445397.jpg" width=600></A><BR><BR>

           

第三步:

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

             

<A><IMG id=image_operate_17661278921228000 style="DISPLAY: block; MARGIN: 0px auto; TEXT-ALIGN: center" height=400 src="/Article/UploadFiles/201409/2014090914445397.jpg" width=600></A><BR><BR>
<P style="MARGIN-TOP: 0px; MARGIN-LEFT: 0px">

           

第四步:

在第三步的代码后面,继续添加带有swf地址的代码,也就是上面所写的将swf地址写进博文的代

码,最后形成这样一段代码,就基本ok了。(三段代码,要看清楚)

             

<A><IMG id=image_operate_17661278921228000 style="DISPLAY: block; MARGIN: 0px auto; TEXT-ALIGN: center" height=400 src="/Article/UploadFiles/201409/2014090914445397.jpg" width=600></A><BR><BR>
<P style="MARGIN-TOP: 0px; MARGIN-LEFT: 0px">

<P align=center><EMBED src=swf地址 width=600 height=400 type=application/x-shockwave-flash WMODE="transparent" SHOWSTATUSBAR="true"></P>

           

第五步

(1)将swf地址填进去,随你了,填你喜欢的,我找的是一个相框的swf,地址是

http://webftp.bbs.hnol.net/qqxx/2014/wlcs.swf

(2)最后你要做的就是手动去调整“MARGIN-TOP: 0px; MARGIN-LEFT: 0px”中“px”的数值了,

我调了MARGIN-TOP: -440px,就完成了。这一步是最关键的,因为只有改变数值方可将flash放在

我们满意的位置。

第六步,完成。完整代码如下:

             

<A><IMG id=image_operate_17661278921228000 style="DISPLAY: block; MARGIN: 0px auto; TEXT-ALIGN: center" height=400 src="/Article/UploadFiles/201409/2014090914445397.jpg" width=600></A><BR><BR>
<P style="MARGIN-TOP: -440px; MARGIN-LEFT: 0px">
<P align=center><EMBED src=http://webftp.bbs.hnol.net/qqxx/2014/wlcs.swf width=600 height=400 type=application/x-shockwave-flash WMODE="transparent" SHOWSTATUSBAR="true"></P>

           

你在调节数值时可以将“显示源代码”的勾去掉,看看效果后再打上勾进行修改,花出一点点时间,看那flash随着数值的改变忽左忽右,忽上忽下的,很好玩的,最终将之安放在图片的最佳位置,哈,成就之感油然而生。

还有,如果你想多添加几个透明的flash,就将后面两段代码继续往下复制,换个SWF地址,调

整“px”的数值就行了。其中,“width”和“height”也可随你所需进行大小的调整。

我看过也用过一些将flash放进图片中的代码,但经过对比,这段定位代码虽然非常短,作用

却很大,运用方便。所以推荐一下,试一试。


相关评论
友情链接
文章管理系统 |

倾城音画网→网站规则____免责申明____网站地图____站长平台____ ____百度统计____工信部网____备案/许可证:吉ICP备17000591号