代码音动画的基本入门步骤:

说说记录

第一步;使用以下{底图穿越代码}

 <P align=center><IMG style="WIDTH: 920px; HEIGHT: 1800px" height=800 alt=图片 src="底图地址" width=1000 appendurl="1"> </P>

复制以上代码进写日志编辑器,点高级再点HTML进入代码区,

删掉里面几个字母后将代码粘贴上,然后去找做底图的图片地址,

找到底图用右键点图片再点属性,出来有图片地址,复制图片地址,

粘贴在代码的src="底图地址"这里要先删掉底图地址这四个字后,

将地址粘贴上去,这样第一步已完成。以下这张是底图样板:

 

图片

第二步;使用以下{图片穿越底图的代码} 

<DIV style="LEFT: 30px; POSITION: absolute; TOP: 50px"><IMG style="FILTER: alpha(opacity=100,style=3)" src="要加的图地址" width=870> </DIV>

复制以上代码,粘贴在做好的底图代码下一行,

并注意代码里的几个数据:LEFT: 30px;为横坐标,

TOP: 50px"为纵坐标,style=3为羽化图片方形,

改2为圆锥形,width=870为图片大小数据。

然后去找图片地址,找到图片用右键点图片再点属性,

出来有图片地址,复制图片地址,

粘贴在代码的src="要加的图地址"这里,

要先删掉要加的图地址这六个字后,将地址粘贴上去,

这时再调整横坐标,LEFT: 30px;,纵坐标数据,TOP: 50px",

这样第二步的第一张图片已完成了,

接着再复制{图片穿越底图的代码} 

做第二,三,四张图,方法也是和第一图片的做法一样,

只要调整纵坐标TOP: 50px"数据,并注意图片的连接距离,

也可根据自已的喜欢来设置数据。这样第二步已完成。

接着做第三步人物图片的穿越,

定位不动的人物图片可使用{图片穿越底图的代码}

以下是{图片在图片上走动的代码}

<div style="POSITION: absolute; TOP: 170px; LEFT: 0px">
<CENTER><MARQUEE><IMG style="FILTER: alpha(opacity=200,style=2)" src="人物图片地址" width=650></MARQUEE></CENTER></div>

做法和第二步一样,只要调整图片的大小数据,

横坐标,纵坐标数据和修改羽化图片形状数据就可以了。

可根据自己喜欢要用几张图片。这样已完成人物图片的制作。

接着是{竖排文字穿越图片代码}

<DIV style="POSITION: absolute; TOP: 70px; LEFT: 380px"><DIV style="TEXT-ALIGN: left; WRITING-MODE: tb-rl; WIDTH: 400px; HEIGHT: 750px; FONT-SIZE: 26pt"><P><FONT color=#fdc68c face=楷体_GB2312><STRONG>写入标题</STRONG> </FONT></P></DIV>

 

</DIV><MARQUEE></MARQUEE><DIV style="POSITION: absolute; TOP: 180px; LEFT: 310px"><DIV style="TEXT-ALIGN: left; WRITING-MODE: tb-rl; WIDTH: 400px; HEIGHT: 750px; FONT-SIZE: 18pt"><P><FONT color=#fdc68c face=楷体_GB2312><STRONG>写入你要写的</STRONG> </FONT></P></DIV></DIV><DIV>

以下是{横写的文字穿越图片代码}

<div style="LEFT: 100px; POSITION: absolute; TOP: 160px">
<div style="FONT-SIZE: 20pt; FILTER: shadow(color=#9900FF,

strength=8); WIDTH: 600px; COLOR: #ff0000; LINE-HEIGHT: 100%;

FONT-FAMILY: ()"><FONT color=#33ffff size=3><P><FONT face=楷体_GB2312 color=#66ffff>

<STRONG>这里写你喜欢的文字</STRONG></FONT>

</P></div></FONT></div></div>

以上两种代码可根据自己喜欢选择使用、

使用时只要调整好横坐标,纵坐标数据,这样文字穿越也就完成。

 【QQ动感相册代码】
<P align=left><EMBED style="POSITION: absolute; FILTER: Alpha(opacity=150,style=3); MARGIN: 0px; TOP: 150px" height=500 type=application/x-shockwave-flash width=700 src=动感影集网址 wmode="transparent" invokeurls="false" allowfullscreen="true" allowScriptAccess="never" allowNetworking="internal"> </P>

接着上传音乐,使用空间QQ音乐并将其隐藏,

以下是QQ音乐隐藏代码:

<div style="WIDTH: 21px; HEIGHT: 0px; OVERFLOW: scroll">

拉杆式音乐播放器代码:

<P>&nbsp;</p><CENTER><div align=center>
<div align=center><CENTER><div align=center>
<div style="SCROLLBAR-ARROW-COLOR: #000000; BORDER-BOTTOM: #000000 1px solid; SCROLLBAR-FACE-COLOR: #000000; WIDTH: 504px; SCROLLBAR-DARKSHADOW-COLOR: #000000; HEIGHT: 303px; COLOR: blue; SCROLLBAR-SHADOW-COLOR: #000000; OVERFLOW: scroll; BORDER-TOP: #000000 1px solid; SCROLLBAR-TRACK-COLOR: #000000; BORDER-RIGHT: #000000 1px solid; SCROLLBAR-3DLIGHT-COLOR: #000000; SCROLLBAR-: #000000"><P align=center><br/>
<A style="FILTER: Alpha(opacity=100,style=2)" href="http://%3cimg%20src=/" target=_blank http:="http:" ea="ea" f="f" e2618ae06b3b388ec009fa025ef1="e2618ae06b3b388ec009fa025ef1" i3="i3" cvbnm="cvbnm"><FONT color=#ff0000><STRONG><IMG style="FILTER: Alpha(opacity=100,style=2); WIDTH: 482px; BACKGROUND: none transparent scroll repeat 0% 0%; HEIGHT: 268px" alt="" src="http://b208.photo.store.qq.com/http_imgload.cgi?/rurl4_b=1a4af30404139c77fc9ba6c1752f567cae427c8a406c4bb6ee1a07e5eb56c295c7b9a06e42b2939c02506388f30fdf1d833d3450f8ede2b832cf34b9d9c75c98038e1436bd44dfafbe70a46528f3ead7c86650b1&amp;a=208&amp;b=208" width=600 height=607 quotetimer="87441917"> </STRONG></FONT></A><FONT color=#ff0000><STRONG>&nbsp;
</STRONG></FONT></p>
<P align=center><FONT color=#ff0000></FONT>&nbsp;</p>
<P align=center><FONT color=#ff0000></FONT>&nbsp;</p>
<P align=center><FONT color=#ff0000></FONT>&nbsp;</p>
<P align=center><FONT color=#ff0000>&nbsp;<object codeBase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab#version=8,0,0,0" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="410" height="100" src="http://ctc.qzs.qq.com/music/musicbox_v2_1/img/MusicFlash.swf" bgcolor="#ffffff" menu="true" allowScriptAccess="always" name="musicFlash**" id="musicFlash0" ubb="1037978|3|http://stream3.qqmusic.qq.com/1037978.wma|在水一方|131|费玉清|1" class="blog_music"><param name="movie" value="http://ctc.qzs.qq.com/music/musicbox_v2_1/img/MusicFlash.swf" /><param name="data" value="http://ctc.qzs.qq.com/music/musicbox_v2_1/img/MusicFlash.swf" /><param name="bgColor"
           value="#ffffff" /><param name="wmode" value="transparent" /><param name="menu" value="true" /><param name="allowScriptAccess" value="always" /></object> &nbsp;</p>
<P align=center><STRONG></STRONG></p>
</FONT></A><FONT color=#ff0000><STRONG>&nbsp;</STRONG> </FONT></div></div></CENTER></div></div>
<FONT color=#e60cf3></FONT><FONT color=#f00fea></FONT><P align=center><br/><STRONG>&nbsp;&nbsp;</STRONG> </p>
</CENTER><div></div>
这样一篇完美的代码音动画全部完成。

文章评论