代码音动画的基本入门步骤:
说说记录
第一步;使用以下{底图穿越代码} <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"> 做法和第二步一样,只要调整图片的大小数据, 横坐标,纵坐标数据和修改羽化图片形状数据就可以了。 可根据自己喜欢要用几张图片。这样已完成人物图片的制作。 接着是{竖排文字穿越图片代码} <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"> strength=8); WIDTH: 600px; COLOR: #ff0000; LINE-HEIGHT: 100%; FONT-FAMILY: ()"><FONT color=#33ffff size=3> <STRONG>这里写你喜欢的文字</STRONG></FONT> </P></div></FONT></div></div> 以上两种代码可根据自己喜欢选择使用、 使用时只要调整好横坐标,纵坐标数据,这样文字穿越也就完成。 接着上传音乐,使用空间QQ音乐并将其隐藏, 以下是QQ音乐隐藏代码: <div style="WIDTH: 21px; HEIGHT: 0px; OVERFLOW: scroll"> 拉杆式音乐播放器代码: <P> </p><CENTER><div align=center>
<CENTER><MARQUEE><IMG style="FILTER: alpha(opacity=200,style=2)" src="人物图片地址" width=650></MARQUEE></CENTER></div>
<div style="FONT-SIZE: 20pt; FILTER: shadow(color=#9900FF,
<P><FONT face=楷体_GB2312 color=#66ffff>
【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>
<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>
这样一篇完美的代码音动画全部完成。
文章评论