中国网管论坛's Archiver

navychu 发表于 2008-6-4 16:46

使用透明flash为你的网页增色

[align=left][align=left][font=宋体][size=9pt]一直有网友问我几度设计([/size][/font][font=ˎ̥][size=9pt][font=Times New Roman]http://www.jido.org[/font][/size][/font][font=宋体][size=9pt])的头上那个[/size][/font][font=ˎ̥][size=9pt][url=http://www.adobe.com/products/flash][color=#006699][size=12.0pt][font=Times New Roman]flash[/font][/size][/color][/url][/size][/font][font=宋体][size=9pt]是怎么做的,这段时间比较忙一直也没抽出时间来写这个教程,谈不上教,今天就拿出来大家一起研究一下,言归正传,开始![/size][/font]
[font=宋体][size=9pt]  准备一幅[/size][/font][font=ˎ̥][size=9pt][font=Times New Roman]500[/font][/size][/font][font=宋体][size=9pt]宽、[/size][/font][font=ˎ̥][size=9pt][font=Times New Roman]150[/font][/size][/font][font=宋体][size=9pt]高的图:[/size][/font]
[font=宋体][size=9pt]  [/size][/font][font=ˎ̥][size=9pt][font=Times New Roman] [/font][/size][/font][/align][/align][align=center][align=center][font=ˎ̥][size=9pt][font=Times New Roman][/font][/size][/font][/align][/align][align=left][align=left]
[font=宋体][size=9pt]  打开[/size][/font][font=ˎ̥][size=9pt][font=Times New Roman]Flash MX [/font][/size][/font][font=宋体][size=9pt]新建一个[/size][/font][font=ˎ̥][size=9pt][font=Times New Roman]500[/font][/size][/font][font=宋体][size=9pt]宽、[/size][/font][font=ˎ̥][size=9pt][font=Times New Roman]150[/font][/size][/font][font=宋体][size=9pt]高的黑色背景的文档:[/size][/font]
[font=宋体][size=9pt]  [/size][/font][font=ˎ̥][size=9pt][font=Times New Roman] [/font][/size][/font][/align][/align][align=center][align=center][font=ˎ̥][size=9pt][font=Times New Roman][/font][/size][/font][/align][/align][align=left][align=left]
[font=宋体][size=9pt]  做几个左右来回动的白色长条:[/size][/font]
[font=宋体][size=9pt]  [/size][/font][font=ˎ̥][size=9pt][font=Times New Roman] [/font][/size][/font][/align][/align][align=center][align=center][font=ˎ̥][size=9pt][font=Times New Roman][/font][/size][/font][/align][/align][align=left][align=left]
[font=宋体][size=9pt]  输出[/size][/font][font=ˎ̥][size=9pt][url=http://www.adobe.com/products/flash][color=#006699][size=12.0pt][font=Times New Roman]flash[/font][/size][/color][/url][/size][/font][font=宋体][size=9pt]文档,取名为[/size][/font][font=ˎ̥][size=9pt][font=Times New Roman]bg.swf[/font][/size][/font][font=宋体][size=9pt]。[/size][/font]
[font=宋体][size=9pt]  [/size][/font][font=ˎ̥][size=9pt][font=Times New Roman] [/font][/size][/font][/align][/align][align=center][align=center][font=ˎ̥][size=9pt][font=Times New Roman][/font][/size][/font][/align][/align][align=left][align=left]
[font=宋体][size=9pt]  效果如下:[/size][/font]
[font=宋体][size=9pt]  [/size][/font][font=ˎ̥][size=9pt][font=Times New Roman] [/font][/size][/font][/align][/align][align=center][align=center]
[font=宋体][size=9pt]  [/size][/font][u][font=ˎ̥][size=9pt][font=Times New Roman]flash[/font][/size][/font][/u][font=ˎ̥][size=9pt][font=Times New Roman]/sw[/font][url=http://www.adobe.com/products/flash][color=#006699][size=12.0pt][font=Times New Roman]flash[/font][/size][/color][/url][font=Times New Roman].cab#version=5,0,0,0 height=200 width=400 classid=clsid:D27CDB6E-AE6D-11cf-96B8-444553540000>

[/font][/size][/font][font=宋体][size=9pt]  [/size][/font][u][font=ˎ̥][size=9pt][font=Times New Roman]flash[/font][/size][/font][/u][font=ˎ̥][size=9pt][font=Times New Roman]q2004081826-5.swf'

[/font][/size][/font][font=宋体][size=9pt]  [/size][/font][font=ˎ̥][size=9pt][font=Times New Roman]pluginspage='http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash'

[/font][/size][/font][font=宋体][size=9pt]  [/size][/font][font=ˎ̥][size=9pt][font=Times New Roman]type='application/x-shockwave-[/font][url=http://www.adobe.com/products/flash][color=#006699][size=12.0pt][font=Times New Roman]flash[/font][/size][/color][/url][font=Times New Roman]' width=400

[/font][/size][/font][font=宋体][size=9pt]  [/size][/font][font=ˎ̥][size=9pt][font=Times New Roman]height=200>[/font][/size][/font][/align][/align][align=left][align=left]
[font=宋体][size=9pt]  在[/size][/font][font=ˎ̥][size=9pt][font=Times New Roman]DW MX[/font][/size][/font][font=宋体][size=9pt]里新建一个空白[/size][/font][font=ˎ̥][size=9pt][font=Times New Roman]html[/font][/size][/font][font=宋体][size=9pt]文档,插入一个[/size][/font][font=ˎ̥][size=9pt][font=Times New Roman]500[/font][/size][/font][font=宋体][size=9pt]宽、[/size][/font][font=ˎ̥][size=9pt][font=Times New Roman]150[/font][/size][/font][font=宋体][size=9pt]高的表格,用您准备的图当背景。[/size][/font]
[font=宋体][size=9pt]  [/size][/font][font=ˎ̥][size=9pt][font=Times New Roman] [/font][/size][/font][/align][/align][align=center][align=center][font=ˎ̥][size=9pt][font=Times New Roman][/font][/size][/font][/align][/align][align=left][align=left]
[font=宋体][size=9pt]  下面这一步是最关键的,在上图的表格内插入上面制作的[/size][/font][font=ˎ̥][size=9pt][url=http://www.adobe.com/products/flash][color=#006699][size=12.0pt][font=Times New Roman]flash[/font][/size][/color][/url][font=Times New Roman],[/font][/size][/font][font=宋体][size=9pt]在属性里添入如图示参数:[/size][/font]
[font=宋体][size=9pt]  [/size][/font][font=ˎ̥][size=9pt][font=Times New Roman] [/font][/size][/font][/align][/align][align=center][align=center][font=ˎ̥][size=9pt][font=Times New Roman][/font][/size][/font][/align][/align][align=left][align=left]
[font=宋体][size=9pt]  [/size][/font][font=ˎ̥][size=9pt][font=Times New Roman] [/font][/size][/font][/align][/align][align=center][align=center][font=ˎ̥][size=9pt][font=Times New Roman][/font][/size][/font][/align][/align]
[font=宋体][size=9pt]  好了,至此我们就做出一个透明的[/size][/font][font=ˎ̥][size=9pt][url=http://www.adobe.com/products/flash][color=#006699][size=12.0pt][font=Times New Roman]flash[/font][/size][/color][/url][/size][/font][font=宋体][size=9pt]了。[/size][/font]
[font=宋体][size=9pt]  总结:此效果是利用了[/size][/font][font=ˎ̥][size=9pt][url=http://www.adobe.com/products/flash][color=#006699][size=12.0pt][font=Times New Roman]flash[/font][/size][/color][/url][/size][/font][font=宋体][size=9pt]能够透明输出的特性。特点是文档很小,便于浏览,而且最好的地方是简单易学。[/size][/font]

页: [1]

Powered by Discuz! Archiver 6.1.0  © 1999-2008 bbs.bitsCN.com