Board logo

标题: HTML 第十二课:荷(特效音画) [打印本页]

作者: 画儿    时间: 2009-9-22 21:56     标题: HTML 第十二课:荷(特效音画)

HTML 第十二课:荷(特效音画)

编写:画儿


  下面是我的作品《荷》的代码,现发布出来:



<TABLE style="TABLE-LAYOUT: fixed" cellSpacing=0 cellPadding=0 width="100%" align=center border=0>
<TBODY>
<TR>
<TD style="WORD-WRAP: break-word"><BR>
<TABLE style="LEFT: -10px; WIDTH: 1000px; POSITION: relative; TOP: 0px" cellSpacing=0 cellPadding=0 width=1000 align=center border=0>
<TBODY>
<TR>
<DIV style="LEFT: 0px; OVERFLOW: hidden; WIDTH: 1000px; POSITION: relative; TOP: 0px; HEIGHT: 650px">
<DIV style="LEFT: 0px; OVERFLOW: hidden; WIDTH: 1000px; POSITION: relative; TOP: 0px; HEIGHT: 650px">
<DIV style="LEFT: 0px; POSITION: absolute; TOP: 0px"><?import namespace = t urn = "urn:schemas-microsoft-com:time" implementation = "#default#time2" declareNamespace /><t:SEQ repeatCount = "indefinite">


<t:MEDIA style="FILTER: alpha; LEFT: 0px; WIDTH: 1000px; POSITION: absolute; TOP: 0px" src = "http://blog.heshang.net/attachments/2009/07/29/4812_200907292312131.jpg" dur = "3" fill = "transition" timeC><t:TRANSITIONFILTER from = "0" to = "1" dur = "2"></t:TRANSITIONFILTER></t:MEDIA>

<t:MEDIA style="FILTER: alpha; LEFT: 0px; WIDTH: 1000px; POSITION: absolute; TOP: 0px" src = "http://blog.heshang.net/attachments/2009/07/29/4812_200907292312131.jpg" dur = "3" fill = "transition" timeC><t:TRANSITIONFILTER from = "0" to = "1" dur = "2"></t:TRANSITIONFILTER></t:MEDIA>

<t:MEDIA style="FILTER: alpha; LEFT: 0px; WIDTH: 1000px; POSITION: absolute; TOP: 0px" src = "http://blog.heshang.net/attachments/2009/07/29/4812_200907292312131.jpg" dur = "3" fill = "transition" timeC><t:TRANSITIONFILTER from = "0" to = "1" dur = "2"></t:TRANSITIONFILTER></t:MEDIA>

<t:MEDIA style="FILTER: alpha; LEFT: 0px; WIDTH: 1000px; POSITION: absolute; TOP: 0px" src = "http://blog.heshang.net/attachments/2009/07/29/4812_200907292312132.jpg" dur = "3" fill = "transition" timeC><t:TRANSITIONFILTER from = "0" to = "1" dur = "2"></t:TRANSITIONFILTER></t:MEDIA>

<t:MEDIA style="FILTER: alpha; LEFT: 0px; WIDTH: 1000px; POSITION: absolute; TOP: 0px" src = "http://blog.heshang.net/attachments/2009/07/29/4812_200907292312132.jpg" dur = "3" fill = "transition" timeC><t:TRANSITIONFILTER from = "0" to = "1" dur = "2"></t:TRANSITIONFILTER></t:MEDIA>

<t:MEDIA style="FILTER: alpha; LEFT: 0px; WIDTH: 1000px; POSITION: absolute; TOP: 0px" src = "http://blog.heshang.net/attachments/2009/07/29/4812_200907292312134.jpg" dur = "3" fill = "transition" timeC><t:TRANSITIONFILTER from = "0" to = "1" dur = "2"></t:TRANSITIONFILTER></t:MEDIA>

<t:MEDIA style="FILTER: alpha; LEFT: 0px; WIDTH: 1000px; POSITION: absolute; TOP: 0px" src = "http://blog.heshang.net/attachments/2009/07/29/4812_200907292312134.jpg" dur = "3" fill = "transition" timeC><t:TRANSITIONFILTER from = "0" to = "1" dur = "2"></t:TRANSITIONFILTER></t:MEDIA>

<t:MEDIA style="FILTER: alpha; LEFT: 0px; WIDTH: 1000px; POSITION: absolute; TOP: 0px" src = "http://blog.heshang.net/attachments/2009/07/29/4812_200907292312133.jpg" dur = "3" fill = "transition" timeC><t:TRANSITIONFILTER from = "0" to = "1" dur = "2"></t:TRANSITIONFILTER></t:MEDIA>

<t:MEDIA style="FILTER: alpha; LEFT: 0px; WIDTH: 1000px; POSITION: absolute; TOP: 0px" src = "http://blog.heshang.net/attachments/2009/07/29/4812_200907292312133.jpg" dur = "3" fill = "transition" timeC><t:TRANSITIONFILTER from = "0" to = "1" dur = "2"></t:TRANSITIONFILTER></t:MEDIA>

<t:MEDIA style="FILTER: alpha; LEFT: 0px; WIDTH: 1000px; POSITION: absolute; TOP: 0px" src = "http://blog.heshang.net/attachments/2009/07/29/4812_200907292312135.jpg" dur = "3" fill = "transition" timeC><t:TRANSITIONFILTER from = "0" to = "1" dur = "2"></t:TRANSITIONFILTER></t:MEDIA>

<t:MEDIA style="FILTER: alpha; LEFT: 0px; WIDTH: 1000px; POSITION: absolute; TOP: 0px" src = "http://blog.heshang.net/attachments/2009/07/29/4812_200907292312136.jpg" dur = "3" fill = "transition" timeC><t:TRANSITIONFILTER from = "0" to = "1" dur = "2"></t:TRANSITIONFILTER></t:MEDIA>

<t:MEDIA style="FILTER: alpha; LEFT: 0px; WIDTH: 1000px; POSITION: absolute; TOP: 0px" src = "http://blog.heshang.net/attachments/2009/07/29/4812_200907292312136.jpg" dur = "3" fill = "transition" timeC><t:TRANSITIONFILTER from = "0" to = "1" dur = "2"></t:TRANSITIONFILTER></t:MEDIA>

<t:MEDIA style="FILTER: alpha; LEFT: 0px; WIDTH: 1000px; POSITION: absolute; TOP: 0px" src = "http://blog.heshang.net/attachments/2009/07/29/4812_200907292314041.jpg" dur = "3" fill = "transition" timeC><t:TRANSITIONFILTER from = "0" to = "1" dur = "2"></t:TRANSITIONFILTER></t:MEDIA>

<t:MEDIA style="FILTER: alpha; LEFT: 0px; WIDTH: 1000px; POSITION: absolute; TOP: 0px" src = "http://blog.heshang.net/attachments/2009/07/29/4812_200907292314041.jpg" dur = "3" fill = "transition" timeC><t:TRANSITIONFILTER from = "0" to = "1" dur = "2"></t:TRANSITIONFILTER></t:MEDIA>

<t:MEDIA style="FILTER: alpha; LEFT: 0px; WIDTH: 1000px; POSITION: absolute; TOP: 0px" src = "http://blog.heshang.net/attachments/2009/07/29/4812_200907292314042.jpg" dur = "3" fill = "transition" timeC><t:TRANSITIONFILTER from = "0" to = "1" dur = "2"></t:TRANSITIONFILTER></t:MEDIA>

<t:MEDIA style="FILTER: alpha; LEFT: 0px; WIDTH: 1000px; POSITION: absolute; TOP: 0px" src = "http://blog.heshang.net/attachments/2009/07/29/4812_200907292314042.jpg" dur = "3" fill = "transition" timeC><t:TRANSITIONFILTER from = "0" to = "1" dur = "2"></t:TRANSITIONFILTER></t:MEDIA>

<t:MEDIA style="FILTER: alpha; LEFT: 0px; WIDTH: 1000px; POSITION: absolute; TOP: 0px" src = "http://blog.heshang.net/attachments/2009/07/29/4812_200907292314043.jpg" dur = "3" fill = "transition" timeC><t:TRANSITIONFILTER from = "0" to = "1" dur = "2"></t:TRANSITIONFILTER></t:MEDIA>

<t:MEDIA style="FILTER: alpha; LEFT: 0px; WIDTH: 1000px; POSITION: absolute; TOP: 0px" src = "http://blog.heshang.net/attachments/2009/07/29/4812_200907292314043.jpg" dur = "3" fill = "transition" timeC><t:TRANSITIONFILTER from = "0" to = "1" dur = "2"></t:TRANSITIONFILTER></t:MEDIA>

<t:MEDIA style="FILTER: alpha; LEFT: 0px; WIDTH: 1000px; POSITION: absolute; TOP: 0px" src = "http://blog.heshang.net/attachments/2009/07/29/4812_200907292314044.jpg" dur = "3" fill = "transition" timeC><t:TRANSITIONFILTER from = "0" to = "1" dur = "2"></t:TRANSITIONFILTER></t:MEDIA>

<t:MEDIA style="FILTER: alpha; LEFT: 0px; WIDTH: 1000px; POSITION: absolute; TOP: 0px" src = "http://blog.heshang.net/attachments/2009/07/29/4812_200907292314044.jpg" dur = "3" fill = "transition" timeC><t:TRANSITIONFILTER from = "0" to = "1" dur = "2"></t:TRANSITIONFILTER></t:MEDIA>

<t:MEDIA style="FILTER: alpha; LEFT: 0px; WIDTH: 1000px; POSITION: absolute; TOP: 0px" src = "http://blog.heshang.net/attachments/2009/07/29/4812_200907292314045.jpg" dur = "3" fill = "transition" timeC><t:TRANSITIONFILTER from = "0" to = "1" dur = "2"></t:TRANSITIONFILTER></t:MEDIA>

<t:MEDIA style="FILTER: alpha; LEFT: 0px; WIDTH: 1000px; POSITION: absolute; TOP: 0px" src = "http://blog.heshang.net/attachments/2009/07/29/4812_200907292314045.jpg" dur = "3" fill = "transition" timeC><t:TRANSITIONFILTER from = "0" to = "1" dur = "2"></t:TRANSITIONFILTER></t:MEDIA>

<t:MEDIA style="FILTER: alpha; LEFT: 0px; WIDTH: 1000px; POSITION: absolute; TOP: 0px" src = "http://blog.heshang.net/attachments/2009/07/29/4812_200907292314046.jpg" dur = "3" fill = "transition" timeC><t:TRANSITIONFILTER from = "0" to = "1" dur = "2"></t:TRANSITIONFILTER></t:MEDIA>

<t:MEDIA style="FILTER: alpha; LEFT: 0px; WIDTH: 1000px; POSITION: absolute; TOP: 0px" src = "http://blog.heshang.net/attachments/2009/07/29/4812_200907292314046.jpg" dur = "3" fill = "transition" timeC><t:TRANSITIONFILTER from = "0" to = "1" dur = "2"></t:TRANSITIONFILTER></t:MEDIA>

<t:MEDIA style="FILTER: alpha; LEFT: 0px; WIDTH: 1000px; POSITION: absolute; TOP: 0px" src = "http://blog.heshang.net/attachments/2009/07/29/4812_200907291929265.jpg" dur = "3" fill = "transition" timeC><t:TRANSITIONFILTER from = "0" to = "1" dur = "2"></t:TRANSITIONFILTER></t:MEDIA>

<t:MEDIA style="FILTER: alpha; LEFT: 0px; WIDTH: 1000px; POSITION: absolute; TOP: 0px" src = "http://blog.heshang.net/attachments/2009/07/29/4812_200907291929265.jpg" dur = "3" fill = "transition" timeC><t:TRANSITIONFILTER from = "0" to = "1" dur = "2"></t:TRANSITIONFILTER></t:MEDIA>

<t:MEDIA style="FILTER: alpha; LEFT: 0px; WIDTH: 1000px; POSITION: absolute; TOP: 0px" src = "http://blog.heshang.net/attachments/2009/07/29/4812_200907291929264.jpg" dur = "3" fill = "transition" timeC><t:TRANSITIONFILTER from = "0" to = "1" dur = "2"></t:TRANSITIONFILTER></t:MEDIA>

<t:MEDIA style="FILTER: alpha; LEFT: 0px; WIDTH: 1000px; POSITION: absolute; TOP: 0px" src = "http://blog.heshang.net/attachments/2009/07/29/4812_200907291929264.jpg" dur = "3" fill = "transition" timeC><t:TRANSITIONFILTER from = "0" to = "1" dur = "2"></t:TRANSITIONFILTER></t:MEDIA>

<t:MEDIA style="FILTER: alpha; LEFT: 0px; WIDTH: 1000px; POSITION: absolute; TOP: 0px" src = "http://blog.heshang.net/attachments/2009/07/29/4812_200907291929263.jpg" dur = "3" fill = "transition" timeC><t:TRANSITIONFILTER from = "0" to = "1" dur = "2"></t:TRANSITIONFILTER></t:MEDIA>

<t:MEDIA style="FILTER: alpha; LEFT: 0px; WIDTH: 1000px; POSITION: absolute; TOP: 0px" src = "http://blog.heshang.net/attachments/2009/07/29/4812_200907291929263.jpg" dur = "3" fill = "transition" timeC><t:TRANSITIONFILTER from = "0" to = "1" dur = "2"></t:TRANSITIONFILTER></t:MEDIA>

<t:MEDIA style="FILTER: alpha; LEFT: 0px; WIDTH: 1000px; POSITION: absolute; TOP: 0px" src = "http://blog.heshang.net/attachments/2009/07/29/4812_200907291929262.jpg" dur = "3" fill = "transition" timeC><t:TRANSITIONFILTER from = "0" to = "1" dur = "2"></t:TRANSITIONFILTER></t:MEDIA>

<t:MEDIA style="FILTER: alpha; LEFT: 0px; WIDTH: 1000px; POSITION: absolute; TOP: 0px" src = "http://blog.heshang.net/attachments/2009/07/29/4812_200907291929262.jpg" dur = "3" fill = "transition" timeC><t:TRANSITIONFILTER from = "0" to = "1" dur = "2"></t:TRANSITIONFILTER></t:MEDIA>

<t:MEDIA style="FILTER: alpha; LEFT: 0px; WIDTH: 1000px; POSITION: absolute; TOP: 0px" src = "http://blog.heshang.net/attachments/2009/07/29/4812_200907291929261.jpg" dur = "3" fill = "transition" timeC><t:TRANSITIONFILTER from = "0" to = "1" dur = "2"></t:TRANSITIONFILTER></t:MEDIA>

<t:MEDIA style="FILTER: alpha; LEFT: 0px; WIDTH: 1000px; POSITION: absolute; TOP: 0px" src = "http://blog.heshang.net/attachments/2009/07/29/4812_200907291929261.jpg" dur = "3" fill = "transition" timeC><t:TRANSITIONFILTER from = "0" to = "1" dur = "2"></t:TRANSITIONFILTER></t:MEDIA>

<t:MEDIA style="FILTER: alpha; LEFT: 0px; WIDTH: 1000px; POSITION: absolute; TOP: 0px" src = "http://blog.heshang.net/attachments/2009/07/29/4812_200907291928465.jpg" dur = "3" fill = "transition" timeC><t:TRANSITIONFILTER from = "0" to = "1" dur = "2"></t:TRANSITIONFILTER></t:MEDIA>

<t:MEDIA style="FILTER: alpha; LEFT: 0px; WIDTH: 1000px; POSITION: absolute; TOP: 0px" src = "http://blog.heshang.net/attachments/2009/07/29/4812_200907291928465.jpg" dur = "3" fill = "transition" timeC><t:TRANSITIONFILTER from = "0" to = "1" dur = "2"></t:TRANSITIONFILTER></t:MEDIA>

<t:MEDIA style="FILTER: alpha; LEFT: 0px; WIDTH: 1000px; POSITION: absolute; TOP: 0px" src = "http://blog.heshang.net/attachments/2009/07/29/4812_200907291928464.jpg" dur = "3" fill = "transition" timeC><t:TRANSITIONFILTER from = "0" to = "1" dur = "2"></t:TRANSITIONFILTER></t:MEDIA>

<t:MEDIA style="FILTER: alpha; LEFT: 0px; WIDTH: 1000px; POSITION: absolute; TOP: 0px" src = "http://blog.heshang.net/attachments/2009/07/29/4812_200907291928464.jpg" dur = "3" fill = "transition" timeC><t:TRANSITIONFILTER from = "0" to = "1" dur = "2"></t:TRANSITIONFILTER></t:MEDIA>

<t:MEDIA style="FILTER: alpha; LEFT: 0px; WIDTH: 1000px; POSITION: absolute; TOP: 0px" src = "http://blog.heshang.net/attachments/2009/07/29/4812_200907291928463.jpg" dur = "3" fill = "transition" timeC><t:TRANSITIONFILTER from = "0" to = "1" dur = "2"></t:TRANSITIONFILTER></t:MEDIA>

<t:MEDIA style="FILTER: alpha; LEFT: 0px; WIDTH: 1000px; POSITION: absolute; TOP: 0px" src = "http://blog.heshang.net/attachments/2009/07/29/4812_200907291928463.jpg" dur = "3" fill = "transition" timeC><t:TRANSITIONFILTER from = "0" to = "1" dur = "2"></t:TRANSITIONFILTER></t:MEDIA>

<t:MEDIA style="FILTER: alpha; LEFT: 0px; WIDTH: 1000px; POSITION: absolute; TOP: 0px" src = "http://blog.heshang.net/attachments/2009/07/29/4812_200907291928462.jpg" dur = "3" fill = "transition" timeC><t:TRANSITIONFILTER from = "0" to = "1" dur = "2"></t:TRANSITIONFILTER></t:MEDIA>

<t:MEDIA style="FILTER: alpha; LEFT: 0px; WIDTH: 1000px; POSITION: absolute; TOP: 0px" src = "http://blog.heshang.net/attachments/2009/07/29/4812_200907291928462.jpg" dur = "3" fill = "transition" timeC><t:TRANSITIONFILTER from = "0" to = "1" dur = "2"></t:TRANSITIONFILTER></t:MEDIA>

<t:MEDIA style="FILTER: alpha; LEFT: 0px; WIDTH: 1000px; POSITION: absolute; TOP: 0px" src = "http://blog.heshang.net/attachments/2009/07/29/4812_200907291928461.jpg" dur = "3" fill = "transition" timeC><t:TRANSITIONFILTER from = "0" to = "1" dur = "2"></t:TRANSITIONFILTER></t:MEDIA>

<t:MEDIA style="FILTER: alpha; LEFT: 0px; WIDTH: 1000px; POSITION: absolute; TOP: 0px" src = "http://blog.heshang.net/attachments/2009/07/29/4812_200907291928461.jpg" dur = "3" fill = "transition" timeC><t:TRANSITIONFILTER from = "0" to = "1" dur = "2"></t:TRANSITIONFILTER></t:MEDIA>

<t:MEDIA style="FILTER: alpha; LEFT: 0px; WIDTH: 1000px; POSITION: absolute; TOP: 0px" src = "http://blog.heshang.net/attachments/2009/07/29/4812_200907291926406.jpg" dur = "3" fill = "transition" timeC><t:TRANSITIONFILTER from = "0" to = "1" dur = "2"></t:TRANSITIONFILTER></t:MEDIA>

<t:MEDIA style="FILTER: alpha; LEFT: 0px; WIDTH: 1000px; POSITION: absolute; TOP: 0px" src = "http://blog.heshang.net/attachments/2009/07/29/4812_200907291926406.jpg" dur = "3" fill = "transition" timeC><t:TRANSITIONFILTER from = "0" to = "1" dur = "2"></t:TRANSITIONFILTER></t:MEDIA>

<EMBED src=http://www.hongherenjia.com/3.mp3 hidden=true type=audio/mpeg autostart="true" loop="true"></EMBED>

</t:SEQ></DIV></DIV></DIV></TR></TBODY></TABLE><BR></TD></TR></TBODY></TABLE></TD></TR><TR><TD width="100%" borderColor="#ffffff">
<HR SIZE=1>
</TD></TR></TBODY></TABLE>
<P></P>




作者: 画儿    时间: 2009-9-22 21:56

  解析:

  共有四部分组成:

  一、特效部分

<TABLE style="TABLE-LAYOUT: fixed" cellSpacing=0 cellPadding=0 width="100%" align=center border=0>
<TBODY>
<TR>
<TD style="WORD-WRAP: break-word"><BR>
<TABLE style="LEFT: -0px(定位从左到右的距离); WIDTH: 1000px; POSITION: relative; TOP: 0px(定位从上到下的距离)" cellSpacing=0 cellPadding=0 width=1000 align=center border=0>
<TBODY>
<TR>
<DIV style="LEFT: 0px; OVERFLOW: hidden; WIDTH: 1000px; POSITION: relative; TOP: 0px; HEIGHT: 650px">
<DIV style="LEFT: 0px; OVERFLOW: hidden; WIDTH: 1000px; POSITION: relative; TOP: 0px; HEIGHT: 650px">
<DIV style="LEFT: 0px; POSITION: absolute; TOP: 0px"><?import namespace = t urn = "urn:schemas-microsoft-com:time" implementation = "#default#time2" declareNamespace /><t:SEQ repeatCount = "indefinite">

  第二部分:显示图片地址代码

<t:MEDIA style="FILTER: alpha; LEFT: 0px; WIDTH: 1000px; POSITION: absolute; TOP: 0px" src = "图片地址" dur = "3" fill = "transition" timeContainer = "par"><t:TRANSITIONFILTER from = "0" to = "1" dur = "2"></t:TRANSITIONFILTER></t:MEDIA>

  (大家看1楼的代码,就会发现第一张图片网址我重复发了3段此代码,接下来的图片是每张图片地址用了2段。是的,这是一段基本代码,要根据使用图片的数量来决定运用具体段数,第一张图片一般重复用3-5段,以后每张图片重复用两段)

  第三部分:音乐代码

<EMBED src=音乐地址 hidden=true type=audio/mpeg autostart="true" loop="true"></EMBED>

  第四部分:结尾

</t:SEQ></DIV></DIV></DIV></TR></TBODY></TABLE><BR></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD borderColor=#ffffff width="100%">
<HR SIZE=1>
</TD></TR></TBODY></TABLE></P>


作者: 画儿    时间: 2009-9-22 21:57

总结:

<TABLE style="TABLE-LAYOUT: fixed" cellSpacing=0 cellPadding=0 width="100%" align=center border=0>
<TBODY>
<TR>
<TD style="WORD-WRAP: break-word"><BR>
<TABLE style="LEFT: -250px; WIDTH: 1000px; POSITION: relative; TOP: 0px" cellSpacing=0 cellPadding=0 width=1000 align=center border=0>
<TBODY>
<TR>
<DIV style="LEFT: 0px; OVERFLOW: hidden; WIDTH: 1000px; POSITION: relative; TOP: 0px; HEIGHT: 650px">
<DIV style="LEFT: 0px; OVERFLOW: hidden; WIDTH: 1000px; POSITION: relative; TOP: 0px; HEIGHT: 650px">
<DIV style="LEFT: 0px; POSITION: absolute; TOP: 0px"><?import namespace = t urn = "urn:schemas-microsoft-com:time" implementation = "#default#time2" declareNamespace /><t:SEQ repeatCount = "indefinite">

<t:MEDIA style="FILTER: alpha; LEFT: 0px; WIDTH: 1000px; POSITION: absolute; TOP: 0px" src = "图片地址" dur = "3" fill = "transition" timeContainer = "par"><t:TRANSITIONFILTER from = "0" to = "1" dur = "2"></t:TRANSITIONFILTER></t:MEDIA>(此段代码第一张图片一般用3-5段,以后每张图片用两段)

<EMBED src=音乐地址 hidden=true type=audio/mpeg autostart="true" loop="true"></EMBED>


</t:SEQ></DIV></DIV></DIV></TR></TBODY></TABLE><BR></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD borderColor=#ffffff width="100%">
<HR SIZE=1>
</TD></TR></TBODY></TABLE></P>


作者: 画儿    时间: 2009-9-22 22:01

点击看效果:


音画特效:荷




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