代码音动画的基本入门步骤个人日记

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

个人日记

《高山流水》

素材/网络
编辑/梧桐树

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

第一步；使用以下｛底图穿越代码｝

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

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

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

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

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

第二步；使用以下｛图片穿越底图的代码｝

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

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

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

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

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

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

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

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

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

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

接着再复制｛图片穿越底图的代码｝

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

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

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

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

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

以下是｛图片在图片上走动的代码｝

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

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

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

接着是｛竖排文字穿越图片代码｝

</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音乐并将其隐藏，

以下是QQ音乐隐藏代码：

拉杆式音乐播放器代码：

<P> </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&a=208&b=208" width=600 height=607 quotetimer="87441917"> </STRONG></FONT></A><FONT color=#ff0000><STRONG>  </STRONG></FONT></p>
<P align=center><FONT color=#ff0000></FONT> </p>
<P align=center><FONT color=#ff0000></FONT> </p>
<P align=center><FONT color=#ff0000></FONT> </p>
<P align=center><FONT color=#ff0000> <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>  </p>
<P align=center><STRONG></STRONG></p>
</FONT></A><FONT color=#ff0000><STRONG> </STRONG> </FONT></div></div></CENTER></div></div>
<FONT color=#e60cf3></FONT><FONT color=#f00fea></FONT><P align=center><br/><STRONG>  </STRONG> </p>
</CENTER><div></div>
这样一篇完美的代码音动画全部完成。

大家要是喜欢可以下载｛呱呱视频社区｝免费的。

这里是交流的平台，下载地址：http://www.17guagua.com/
下载后并注册呱呱ID号码

登录进入｛龙魂音画交流群房间号380708｝

以下是图片和人物图片的样板：

秋水伊人

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

文章评论