Board logo

标题: HTML第五课实例三:图片+文字+flash+飘浮动感+音乐 实例三 [打印本页]

作者: 画儿    时间: 2009-8-14 08:33     标题: HTML第五课实例三:图片+文字+flash+飘浮动感+音乐 实例三

图片+文字+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





  • 欢迎光临 清净莲海六合敬修学网 祈愿:世界和平 正法久住 (http://bbs.jixiangyun.com/) Powered by Discuz! 6.0.0