画儿

图片+文字+flash+飘浮动感+音乐 实例三

 

画儿编写 （转载请标明作者及来源）

　　图片加Flash动画、加文字、加漂游动感整个画面就活了，更加美观。

 

实例三、

背景图片+文字+flash+飘浮动感+音乐 实例三

 

咏 竹   作者：孤旅 音画：画儿 苍苍郁郁几重丛？葳蕤枝叶任纵横。 把雨几经当劲节，拿云直去更虚明。 尘埃漫翳晋贤志，岁月空移舜妃情。 何必人悯萧萧意，独持风骨世间评。

下面 兰色是图片地址；绿色是flash动画地址。金色是音乐地址

<TABLE borderColor=#0033ff height=550 width=770 align=center background=http://weilanjiayuan.bbs.id666.com/UpFile/UpAttachment/2009-5/2009566524.jpg border=3>
<TBODY>
<TR>
<TD><EMBED align=right src=http://toumingfalsh.jimdo.com/swf/345371208.swf width=700 height=550 type=application/octet-stream allowScriptAccess="never" allowNetworking="internal" swf quality="high" wmode="transparent"> <EMBED align=right src=http://toumingfalsh.jimdo.com/swf/283344008.swf width=700 height=550 type=application/octet-stream allowScriptAccess="never" allowNetworking="internal" swf quality="high" wmode="transparent">
<MARQUEE scrollAmount=3 direction=down behavior=alternate height=530>
<MARQUEE scrollAmount=3 behavior=alternate width=650><STRONG><FONT face=楷体_GB2312 color=#ff0000 size=6>
<DIV align=center><FONT face=隶书 color=#ff3300 size=7>咏 竹</FONT></DIV>
<DIV align=center><FONT size=5><FONT face=隶书 color=#ff3300></FONT></FONT> </DIV>
<DIV align=center><FONT size=5><FONT face=隶书><FONT color=#cc00ff>作者：孤旅 音画：画儿<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" /><o:p></o:p></FONT></FONT></FONT></DIV><BR>
<DIV align=center><FONT size=5><FONT face=隶书 color=#ff3300>苍苍郁郁几重丛？葳蕤枝叶任纵横。</FONT><o:p></o:p></FONT></DIV>
<DIV align=center><FONT size=5><FONT face=隶书 color=#ff3300>把雨几经当劲节，拿云直去更虚明。</FONT><o:p></o:p></FONT></DIV>
<DIV align=center><FONT size=5><FONT face=隶书 color=#ff3300>尘埃漫翳晋贤志，岁月空移舜妃情。</FONT><o:p></o:p></FONT></DIV>
<DIV align=center><FONT size=5><FONT face=隶书 color=#ff3300>何必人悯萧萧意，独持风骨世间评。</FONT><o:p></o:p></FONT></DIV><!-- / message --><BR></FONT></STRONG></FONT></FONT></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE><EMBED src=http://219.238.219.70/music/newage/zhuwu/01.mp3 hidden=true type=audio/mpeg autostart="true" loop="true"></EMBED>

 

 

　　实例三解析

 　　一、背景图片和边的设置（根据图片大小调整高、宽）

<TABLE borderColor=#0033ff height=550 width=770 align=center background=背景图片地址 border=3>
<TBODY>
<TR>
<TD>

　　二、flash设置 高、宽可以调整

<EMBED align=right src=flah地址 width=700 height=550 type=application/octet-stream allowScriptAccess="never" allowNetworking="internal" swf quality="high" wmode="transparent">

 <EMBED align=right src=flah地址 width=700 height=550 type=application/octet-stream allowScriptAccess="never" allowNetworking="internal" swf quality="high" wmode="transparent">

　　三、漂浮范围：长和宽可以设置，但要小于背景图片的宽度

<MARQUEE scrollAmount=3 direction=down behavior=alternate height=530>
<MARQUEE scrollAmount=3 behavior=alternate width=650>

　　四、文字设置（文字颜色可以逐一设置）

<STRONG><FONT face=楷体_GB2312 color=#ff0000 size=6>
<DIV align=center><FONT face=隶书 color=#ff3300 size=7>咏 竹</FONT></DIV>
<DIV align=center><FONT size=5><FONT face=隶书 color=#ff3300></FONT></FONT> </DIV>
<DIV align=center><FONT size=5><FONT face=隶书><FONT color=#cc00ff>作者：孤旅 音画：画儿<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" /><o:p></o:p></FONT></FONT></FONT></DIV><BR>
<DIV align=center><FONT size=5><FONT face=隶书 color=#ff3300>苍苍郁郁几重丛？葳蕤枝叶任纵横。</FONT><o:p></o:p></FONT></DIV>
<DIV align=center><FONT size=5><FONT face=隶书 color=#ff3300>把雨几经当劲节，拿云直去更虚明。</FONT><o:p></o:p></FONT></DIV>
<DIV align=center><FONT size=5><FONT face=隶书 color=#ff3300>尘埃漫翳晋贤志，岁月空移舜妃情。</FONT><o:p></o:p></FONT></DIV>
<DIV align=center><FONT size=5><FONT face=隶书 color=#ff3300>何必人悯萧萧意，独持风骨世间评。</FONT><o:p></o:p></FONT></DIV><!-- / message --><BR></FONT></STRONG></FONT></FONT></MARQUEE>

音乐：

</MARQUEE></TD></TR></TBODY></TABLE><EMBED src=http://vod.szzwch.com/zhudi/57-%e6%83%85%e7%ab%b9_%e7%ac%9b%e5%ad%90.WMA hidden=true type=audio/mpeg autostart="true" loop="true"></EMBED>

 

　　实例三小结（套用下列代码就可以了）：

<TABLE borderColor=#0033ff height=550 width=770 align=center background=背景图片  border=3>
<TBODY>
<TR>
<TD><EMBED align=right src=flash地址  width=700 height=550 type=application/octet-stream allowScriptAccess="never" allowNetworking="internal" swf quality="high" wmode="transparent"> <EMBED align=right src=flash地址  width=700 height=550 type=application/octet-stream allowScriptAccess="never" allowNetworking="internal" swf quality="high" wmode="transparent">
<MARQUEE scrollAmount=3 direction=down behavior=alternate height=530>
<MARQUEE scrollAmount=3 behavior=alternate width=650><STRONG><FONT face=楷体_GB2312 color=#ff0000 size=6>
<DIV align=center><FONT face=隶书 color=#ff3300 size=7>咏 竹</FONT></DIV>
<DIV align=center><FONT size=5><FONT face=隶书 color=#ff3300></FONT></FONT> </DIV>
<DIV align=center><FONT size=5><FONT face=隶书><FONT color=#cc00ff>作者：孤旅 音画：画儿<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" /><o:p></o:p></FONT></FONT></FONT></DIV><BR>
<DIV align=center><FONT size=5><FONT face=隶书 color=#ff3300>苍苍郁郁几重丛？葳蕤枝叶任纵横。</FONT><o:p></o:p></FONT></DIV>
<DIV align=center><FONT size=5><FONT face=隶书 color=#ff3300>把雨几经当劲节，拿云直去更虚明。</FONT><o:p></o:p></FONT></DIV>
<DIV align=center><FONT size=5><FONT face=隶书 color=#ff3300>尘埃漫翳晋贤志，岁月空移舜妃情。</FONT><o:p></o:p></FONT></DIV>
<DIV align=center><FONT size=5><FONT face=隶书 color=#ff3300>何必人悯萧萧意，独持风骨世间评。</FONT><o:p></o:p></FONT></DIV><!-- / message --><BR></FONT></STRONG></FONT></FONT></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE><EMBED src=音乐地址  hidden=true type=audio/mpeg autostart="true" loop="true"></EMBED>

[日志] HTML知识：图片+文字+flash+飘浮动感+音乐 实例三 2009-05-10

[日志] HTML知识：图片+文字+FIASH+飘浮动感 代码 实例2 2009-05-10

[日志] HTML知识：图片+文字+FIASH+飘浮动感 代码 2009-05-10