|
喜欢做音画的朋友越来越多，但有很多朋友还是找不到适合自己用的代码，一直想把我搜集来的代码送给朋友们，今天我把我常用的代码整理出来，送给朋友们，希望会对你们有所帮助。在这里我们要感谢创作这些代码的老师们，是他们辛苦的付出，才会让我们做出如此美的日志。老师们您们辛苦了！代码的运用方法都是一样的，朋友们灵活的运用，你会做出意想不到的效果，祝朋友玩的开心！燃冰欢迎朋友来我空间做客，空间因您的到来而多姿多彩！ 
代码最基本知识
LEFT: 0px为横坐标，表示图片显示左右位置；TOP: 0px为纵坐标，表示图片显示的上下位置；
width=870表示图片的大小。
在“图片地址”处放添加的图片地址，这些数字可以根据需要来调整，改动代码中横坐标、纵坐标数字即可。
备注有些代码没有定位 ，你可以在前面加定位代码就ok了 即加：<DIV style="Z-INDEX: 1; POSITION: absolute; WIDTH: 0px; TOP: 纵坐标px; LEFT: 横坐标px">。最后在加一个</div>
背景代码
<DIV class=blog_details_20120222>
<TABLE style="BACKGROUND-IMAGE: url(背景图片地址)" borderColor=#cccccc cellSpacing=3 cellPadding=3 width="100%" align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD>
<DIV></DIV>
<DIV></DIV></TD></TR></TBODY></TABLE></DIV>
可修改尺寸的背景
<DIV class=blog_details_20120222>
<TABLE title=燃冰QQ1183025859 style="BACKGROUND-IMAGE: url(背景图片地址)" borderColor=#cce000 cellPadding=20 width="100%" align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD height=7200>
<DIV align=right></DIV></TD></TR></TBODY></TABLE>
融图的代码
<DIV style="LEFT: 0px; POSITION: absolute; TOP: 0px">
<CENTER><STRONG><IMG style="BACKGROUND: none transparent scroll repeat 0% 0%; FILTER: alpha(opacity=200,style=3); WIDTH: 877px; HEIGHT: 700px" height=769 src="图片地址" width=880> </STRONG></CENTER></DIV>
文字穿越代码
<DIV style="LEFT: 530px; WIDTH: 345px; POSITION: absolute; TOP: 10px; HEIGHT: 794px">
<DIV style="FILTER: shadow(color=#EA0000, strength=5)">
<DIV align=left><BR><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 18pt; COLOR: #ffd306; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=楷体_GB2312><B>写文字 </B></FONT><FONT size=+0></B></FONT></DIV></DIV>
<P style="MARGIN: 0px"></P></DIV>
<DIV align=left>
阴影字代码
<DIV style="LEFT: 10px; POSITION: absolute; TOP: 0px">
<DIV align=center><BR></DIV>
<DIV align=center>
<DIV style="FILTER: shadow(color=#EA0000, strength=4); WIDTH: 430px; HEIGHT: 894px">
<P align=left><BR><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 16pt; COLOR: #ffffff; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=楷体_GB2312><B>写文字 </B></FONT><FONT size=+0></B></FONT></P></DIV></DIV>
<P></P></DIV>
<DIV align=left>
添加动画代码
<DIV style="LEFT: 0px; POSITION: absolute; TOP: 0px">
<P align=center><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=动画地址 width=700 height=700 type=application/x-shockwave-flash wmode="transparent" quality="high" autostart="0" invokeurls="false" allownetworking="none" allowscriptaccess="never" loop="false" menu="false" play="false"></P></STRONG>
<CENTER></CENTER></DIV>
不是黄钻也可以用flash的代码
<DIV style="Z-INDEX: 1; LEFT: 0px; WIDTH: 0px; POSITION: absolute; TOP: 0px">
<DIV align=center><EMBED align="center><br/> <EMBED" src=//open.qzone.qq.com/url_check?appid=99&url=动画地址 width=670 height=400 type=application/x-shockwave-flash center="center" wmode="transparent" quality="high" invokeurls="false" allownetworking="internal" allowscriptaccess="never">
<P style="MARGIN: 0px"></P></DIV></DIV></DIV>
字体向上滚动的代码
代码如下：
<DIV style="LEFT: 80px; POSITION: absolute; TOP: 80px">
<DIV style="WIDTH: 600px; WRITING-MODE: tb-rl; HEIGHT: 500px" align=center><SPAN><WBR width="0" src="http://qqdiy.info/a/n/n.swf" height="0" s='rel="se' invokeurls="true" a="><embed invokeURLs=" false="false" allowscriptaccess="always" blank="blank" target="_blank" d=" allowNetworking=all "><WBR src="http://qqdiy.inf%%3C?xml:namespaceprefix=st1ns=" height="10" urn:schemas-microsoft-com:office:smarttags="urn:schemas-microsoft-com:office:smarttags">
<MARQUEE>
<DIV style="WRITING-MODE: lr-tb" align=center><FONT font="font"><FONT face=楷体_GB2312 color=#ffffff size=3><FONT color=#ffcccc>
<P align=center><FONT face=楷体_GB2312><FONT color=#ffff00 size=4>这里加文字</FONT></FONT></P>
<P align=center><FONT face=楷体_GB2312><FONT color=#ffff00 size=4>这里加文字</FONT></FONT></P>
<P align=center><FONT face=楷体_GB2312><FONT color=#ffff00 size=4>这里加文字</FONT></FONT></P>
<P align=center><FONT face=楷体_GB2312><FONT color=#ffff00 size=4>这里加文字</FONT></FONT></P>
<P align=center><FONT face=楷体_GB2312><FONT color=#ffff00 size=4>这里加文字</FONT></FONT></P>
<P align=center><FONT face=楷体_GB2312><FONT color=#ffff00 size=4>这里加文字</FONT></FONT></P>
<P align=center><FONT face=楷体_GB2312><FONT color=#ffff00 size=4>这里加文字</FONT></FONT></P>
<P align=center><FONT face=楷体_GB2312><FONT color=#ffff00 size=4>这里加文字</FONT></FONT></P>
<P align=center><FONT face=楷体_GB2312><FONT color=#ffff00 size=4>这里加文字</FONT></FONT></P>
<P align=center><FONT face=楷体_GB2312><FONT color=#ffff00
size=4>这里加文字</FONT></FONT></P>
<P><FONT color=#ffff00></FONT></P></DIV></FONT></FONT></MARQUEE>
</DIV></SPAN></DIV>
说明：
<DIV style="LEFT: 80px; POSITION: absolute; TOP: 80px">
表示滚动字体显示的位置坐标数值。这些位置坐标数值是可以改动的。
WIDTH: 700px
表示滚动字体显示的宽度数值，这个宽度数值是可以改动的。
HEIGHT: 500px
表示滚动字体显示的高度数值，这个高度数值是可以改动的。
color=#ffff00 表示滚动字体的颜色，是可以改变的。
size=4 表示滚动字体的字号大小，也是可以改变的。
隐藏腾讯播放器的方法
隐藏办法：当我们点开HTML编辑按钮，
就可以看到它的代码了，
朋友，别为此发愁，
这个时候你只要在这个代码的最前面加上下列代码，
<DIV style="OVERFLOW: scroll; WIDTH: 21px; HEIGHT: 0px">
再点日志预览看看吧，呵呵，你会顿时眉笑颜开了，
因为这个讨厌的播放器没有了，
优美的音乐依然存在飘荡再你的耳边！试试看！
焦点公告代码
<DIV align=center><SPAN style="DISPLAY: block; FONT-WEIGHT: bolder; WORD-BREAK: break-all"></SPAN></DIV><EMBED class=blog_flash id=0.25656319112884873 src="http://flash.fzl51.cn/gg/gg2.swf?txt=欢迎进入燃冰的空间，空间因您的到来而精彩 当前时间now ­" width=900 height=50 type=application/x-shockwave-flash menu="false" allowfullscreen="false" wmode="transparent" invokeurls="false" allownetworking="internal" allowscriptaccess="never"><IMG style="BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 1px; HEIGHT: 1px" height=68 alt="" src="http://cnc.qzs.qq.com/ac/b.gif" width=68 eventsListUID="e31" orgsrc="http://cnc.qzs.qq.com/ac/b.gif" fakesize="5"> </DIV>
图片从右向左滚动代码
<DIV style="LEFT: 0px; POSITION: absolute; TOP: 0px">
<CENTER>
<MARQUEE><IMG style="BACKGROUND: none transparent scroll repeat 0% 0%; FILTER: alpha(opacity=200,style=2)" alt="" src="右向左滚动图片" width=650 quotetimer="603703547"></MARQUEE></CENTER></DIV>
图片从左向右滚动代码
<DIV style="LEFT: 10px; POSITION: absolute; TOP: 500px">
<DIV style="FILTER: flipH; WIDTH: 850px">
<MARQUEE><IMG style="BACKGROUND: none transparent scroll repeat 0% 0%; FILTER: alpha(opacity=400,style=2); WIDTH: 550px; HEIGHT: 850px" alt=图片 src="左向右滚动图片" border=0></MARQUEE></DIV></DIV>
点击网址看效果
多图羽化上升代码
<DIV style="LEFT: 80px; POSITION: absolute; TOP: 10px">
<DIV style="WRITING-MODE: tb-rl; HEIGHT: 1200px" align=center><SPAN><WBR src="http://820.88218.com/803/801.swf?" target="_blank" d=" allowNetworking=all " blank="blank" allowscriptaccess="always" false="false" a="><embed invokeURLs=" invokeurls="true" s='rel="se' writing-mode:="writing-mode:" lr-tb="lr-tb" align="center">
<MARQUEE>
<TABLE height=500 cellSpacing=0 cellPadding=0 width=400 align=center border=0>
<TBODY>
<TR>
<TD>
<P style="MARGIN: 0px"><IMG style="BACKGROUND: none transparent scroll repeat 0% 0%; FILTER: alpha(opacity=200,style=2)" alt="" src="图片地址" width=300 bloaded="true"><BR><IMG style="BACKGROUND: none transparent scroll repeat 0% 0%; FILTER: alpha(opacity=200,style=2)" alt="" src="图片地址" width=300 bloaded="true"><BR><IMG style="BACKGROUND: none transparent scroll repeat 0% 0%; FILTER: alpha(opacity=200,style=2)" alt="" src="图片地址" width=300 bloaded="true"><BR><IMG style="BACKGROUND: none transparent scroll repeat 0% 0%; FILTER: alpha(opacity=200,style=2)" alt="" src="图片地址" width=300 bloaded="true"><BR><IMG style="BACKGROUND: none transparent scroll repeat 0% 0%; FILTER: alpha(opacity=200,style=2)" alt="" src="图片地址" width=500 bloaded="true"> <BR> </P>
<DIV></DIV>
点击网址看效果
http://user.qzone.qq.com/1183025859/blog/1334220069
不规则上升图片代码
<DIV style="LEFT: 5px; POSITION: absolute; TOP: 0px">
<DIV style="WIDTH: 200px; WRITING-MODE: tb-rl; HEIGHT: 2000px" align=center>
d=" allowNetworking=all " a="><embed invokeURLs=" allowscriptaccess="always"
false="false" s='rel="se' blank="blank" target="_blank">
<MARQUEE>
<DIV style="WRITING-MODE: lr-tb" align=center>
<MARQUEE>
<TABLE height=300 cellSpacing=0 cellPadding=0 width=300 align=center border=0>
<TBODY>
<TR>
<TD>
<P><IMG style="BACKGROUND: none transparent scroll repeat 0% 0%;
FILTER: alpha(opacity=200,style=2)" alt="" src="图片地址" width=320 bloaded="true"></P>
<P> </P>
<P> </P>
<P> </P>
<P><IMG style="BACKGROUND: none transparent scroll repeat 0% 0%;
FILTER: alpha(opacity=200,style=2)" alt="" src="图片地址" width=320 bloaded="true">
<P> </P>
<P> </P>
<P> </P>
<P> </P><IMG style="BACKGROUND: none transparent scroll repeat 0% 0%;
FILTER: alpha(opacity=200,style=2)" alt="" src="图片地址" width=320 bloaded="true">
<P> </P>
<P> </P>
<P> </P>
<P> </P><IMG style="BACKGROUND: none transparent scroll repeat 0% 0%;
FILTER: alpha(opacity=200,style=2)" alt="" src="图片地址" width=320 bloaded="true">
<P> </P>
<P> </P>
<P> </P>
<P> </P><IMG style="BACKGROUND: none transparent scroll repeat 0% 0%;
FILTER: alpha(opacity=200,style=2)" alt="" src="图片地址" width=320
bloaded="true" quotetimer="863228992">
<P></P></TD></TR></TBODY></TABLE></MARQUEE></DIV>
</MARQUEE></SPAN></DIV>
<P align=center> </P></DIV></DIV></DIV></DIV></DIV>
点击网址看效果
http://user.qzone.qq.com/1183025859/blog/1328614761
滚动图片【多个滚动画代码一羽化大】
<DIV style="LEFT: 0px; POSITION: absolute; TOP: 0px">
<marquee behavior=alternate><BR><CENTER> </CENTER>
<CENTER><IMG style="FILTER: alpha(opacity=100,style=2,finishopacity=0)" src="图片地址"><IMG style="FILTER: alpha(opacity=100,style=2,finishopacity=0)" src="图片地址"><IMG style="FILTER: alpha(opacity=100,style=2,finishopacity=0)" src="图片地址"><IMG style="FILTER: alpha(opacity=100,style=2,finishopacity=0)" src="图片地址"><IMG style="FILTER: alpha(opacity=100,style=2,finishopacity=0)" src="图片地址"><IMG style="FILTER: alpha(opacity=100,style=2,finishopacity=0)" src="图片地址"><IMG style="FILTER: alpha(opacity=100,style=2,finishopacity=0)" src="图片地址"><IMG style="FILTER: alpha(opacity=100,style=2,finishopacity=0)" src="图片地址"><IMG style="FILTER: alpha(opacity=100,style=2,finishopacity=0)" src="图片地址"><IMG style="FILTER: alpha(opacity=100,style=2,finishopacity=0)" src="图片地址"><IMG style="FILTER: alpha(opacity=100,style=2,finishopacity=0)" src="图片地址"><IMG style="FILTER: alpha(opacity=100,style=2,finishopacity=0)" src="图片地址"></CENTER>
<CENTER> </CENTER>
<CENTER> </CENTER>
<CENTER> </CENTER></MARQUEE>
|
文章评论