常用的代码及知识

个人日记


代码最基本知识
LEFT: 0px为横坐标，表示图片显示左右位置；TOP: 0px为纵坐标，表示图片显示的上下位置；



width=800表示图片的大小。



在“图片地址”处放添加的图片地址，这些数字可以根据需要来调整，改动代码中横坐标、纵坐标数字即可。



简单边框代码<P>
<TABLE style="BACKGROUND-IMAGE: url(边框图片地址); WIDTH: 774px; HEIGHT: 111px" borderColor=#cccccc cellSpacing=2 cellPadding=2 width=874 align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BACKGROUND-IMAGE: url(背景图片地址); WIDTH: 871px; HEIGHT: 33px" borderColor=#cccccc cellSpacing=3 cellPadding=3 width=874 align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD>
<P> </P>
<P> </P>
<P> </P>
<P> </P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>
<DIV style="LEFT: 20px; POSITION: absolute; TOP: 0px">
<CENTER> </CENTER></DIV>
<CENTER> </CENTER>
<CENTER> </CENTER>



以下代码就是做此日志使用的代码


圆形渐变透明代码




[m]<center><img src="图片地址" style="filter=alpha(opacity=100,style=2,finishopacity=0)"></center>

X形渐变透明代码
<center><img src="图片地址" style="filter=alpha(opacity=100,style=3,finishopacity=0)"></center>
图片穿越代码

<DIV style="LEFT: 0px; POSITION: absolute; TOP: 0px">
<CENTER><IMG style="FILTER: alpha(opacity=200,style=3)" src="图片地址" width=800>

图片移动穿越代码

<DIV style="LEFT: 0px; POSITION: absolute; TOP: 10px">
<CENTER>
<MARQUEE><IMG style="FILTER: alpha(opacity=200,style=3)" src="移动图片地址" width=800></MARQUEE></CENTER></DIV>



多张图片融图代码

<DIV style="LEFT: 0px; POSITION: absolute; TOP: 10px">
<CENTER><IMG style="FILTER: alpha(opacity=200,style=3)" src="图片地址" width=870> </CENTER></DIV>
LEFT 高: 20px;  左右  TOP: 底10px">整体图片放0
width=870>   图片的大小  整体大小350=====450也可以
最新融图代码

<DIV style="LEFT: 0px; POSITION: absolute; TOP: 10px">
<CENTER><STRONG><IMG style="BACKGROUND: none transparent scroll repeat 0% 0%; FILTER: alpha(opacity=200,style=3); WIDTH: 870px; HEIGHT: 1000px" alt=图片 src="图片地址"> </STRONG></CENTER></DIV></DIV>

羽化背景+移动图片代码
 
<CENTER></CENTER>
<CENTER>
<TABLE style="FILTER: Alpha(opacity=100,style=2); BACKGROUND-IMAGE: url(背景图片地址)" height=750 width=550 align=center>
<TBODY>
<TR>
<TD>
<MARQUEE>
<TABLE style="BACKGROUND-IMAGE: url(移动图片地址)" height=120 width=300 align=center>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE></MARQUEE></TD></TR></TBODY></TABLE></CENTER>
<CENTER> </CENTER>
<CENTER></CENTER>




说明：此代码的特点是背景图片可羽化，移动图片不会穿越边框。style=2可更改为3，羽化背景由圆形变为方形。



滚动图片加音乐播放器代码



<DIV align=center>
<TABLE border=0 cellSpacing=2 cellPadding=2 width=480 bgColor=#000000 align=center>
<TBODY>
<TR>
<TD>
<P> </P>
<MARQUEE>
<IMG style="WIDTH: 500px; BACKGROUND: none transparent scroll repeat 0% 0%; HEIGHT: 313px" alt="" src="图片1地址">
<IMG style="WIDTH: 500px; BACKGROUND: none transparent scroll repeat 0% 0%; HEIGHT: 313px" alt="" src="图片2地址">
<IMG style="WIDTH: 500px; BACKGROUND: none transparent scroll repeat 0% 0%; HEIGHT: 313px" alt="" src="图片3地址">
<IMG style="WIDTH: 500px; BACKGROUND: none transparent scroll repeat 0% 0%; HEIGHT: 313px" alt="" src="图片4地址">
<IMG style="WIDTH: 500px; BACKGROUND: none transparent scroll repeat 0% 0%; HEIGHT: 313px" alt="" src="图片5地址">
</MARQUEE>
<FONT color=#ff0000><EMBED style="WIDTH: 800px; HEIGHT: 60px" class=blog_video height=48 type=audio/mpeg width=800 src=音乐地址 allowscriptaccess="never" allowNetworking="internal" invokeurls="false" showstatusbar="1" autostart="true" loop="true" enablecontextmenu="False" allownetworking="internal"></FONT></TD></TR></TBODY></TABLE>
<DIV></DIV></DIV>




滚动图片【多个滚动画代码一羽化大】

<DIV style="LEFT: 120px; POSITION: absolute; TOP: 200px">
<marquee behavior=alternate><BR><CENTER> </CENTER>
<CENTER><IMG style="FILTER: alpha(opacity=100,style=2,finishopacity=0)" src="图片地址1"><IMG style="FILTER: alpha(opacity=100,style=2,finishopacity=0)" src="图片地址2"><IMG style="FILTER: alpha(opacity=100,style=2,finishopacity=0)" src="图片地址3"><IMG style="FILTER: alpha(opacity=100,style=2,finishopacity=0)" src="图片地址4"><IMG style="FILTER: alpha(opacity=100,style=2,finishopacity=0)" src="图片地址5"><IMG style="FILTER: alpha(opacity=100,style=2,finishopacity=0)" src="图片地址6"><IMG style="FILTER: alpha(opacity=100,style=2,finishopacity=0)" src="图片地址7"><IMG style="FILTER: alpha(opacity=100,style=2,finishopacity=0)" src="图片地址8"><IMG style="FILTER: alpha(opacity=100,style=2,finishopacity=0)" src="图片地址9"> <IMG style="FILTER: alpha(opacity=100,style=2,finishopacity=0)" src="图片地址10"><IMG style="FILTER: alpha(opacity=100,style=2,finishopacity=0)" src="图片地址11"><IMG style="FILTER: alpha(opacity=100,style=2,finishopacity=0)" src="图片地址12"></CENTER>
<CENTER> </CENTER>
<CENTER> </CENTER>
<CENTER> </CENTER></MARQUEE>
让你的图片动起来代码如下：

<TABLE  style="BACKGROUND-IMAGE: url(底图地址)" borderColor=#cccccc height=600 cellPadding=8 width=800 align=center bgColor=#000000 border=0>
<TBODY>
<TR>
<TD>
<MARQUEE>
<TABLE style="FILTER: Alpha(opacity=530,style=2); BACKGROUND-IMAGE: url(滚动图片地址)" borderColor=#cccccc height=530 cellSpacing=8 cellPadding=8 width=314 align=center bgColor=#000000 border=0>
<TBODY>
<TR>
<TD>
<P> </P>
<P></P></TD></TR></TBODY></TABLE></MARQUEE></TD></TR></TBODY></TABLE>
<P></P>
<P> </P>
<P> <STRONG><FONT color=#ff66ff size=4></P>
<DIV align=center> </DIV></DIV></DIV></FONT></STRONG></DIV>


代码说明：（底图也可乳化）



1、height=600 （是底图的高度），width=800   （是底图的宽度），   一般按底图的实际大小确定。



2、opacity=530 （是滚动图片的羽化高度）width=314 （是滚动图片的羽化宽度）尺寸按需要确定。


3、滚动图片一般要选小一点的图片，不好选的可以用截图   、裁剪图片 、或缩小图片的方法处理。




多图同时滚动代码如下：



<TABLE cellSpacing=0 cellPadding=0 width="70%" align=center border=0>
<TBODY>
<TR>
<TD align=middle>
<MARQUEE>
<P align=center><IMG src="图片地址1"></P></MARQUEE></TD>
<TD align=middle>
<MARQUEE>
<P align=center><IMG src="图片地址2"></P></MARQUEE></TD>
<TD align=middle>
<MARQUEE>
<P align=center><IMG src="图片地址3"></P></MARQUEE></TD>
<TD align=middle>
<MARQUEE>
<P align=center><IMG src="图片地址4"></P></MARQUEE></TD></TR></TBODY></TABLE></P>

表格式流动图片代码：



<P align=center>
<TABLE border=0 cellSpacing=0 width=200 align=center>
<TBODY>
<TR>
<TD>
<CENTER>
<MARQUEE>
<TABLE border=1 cellSpacing=3 cellPadding=1 width="100%">
<TBODY>
<TR>
<TD></A><IMG alt=图片 src="显示图片1地址" width=300 height=400 appendurl="1"></TD>
<TD></A><IMG alt=图片 src="显示图片2地址" width=266 height=400 appendurl="1"></TD>
<TD></A><IMG alt=图片 src="显示图片3地址" width=300 height=400 appendurl="1"></TD>
<TD></A><IMG alt=图片 src="显示图片4地址" width=299 height=400 appendurl="1"></TD>
<TD></A><IMG alt=图片 src="显示图片5地址" width=299 height=400 appendurl="1"></TD>
</TR>
<TR>
<TD style="FILTER: shadow(color=ff0000 ,strength=30); WIDTH: 260px; HEIGHT: 60px" align=middle><B><FONT color=#ffff00 size=5 face=楷体_GB2312>图片1的文字</FONT></B></TD>
<TD style="FILTER: shadow(color=ff0000 ,strength=30); WIDTH: 260px; HEIGHT: 60px" align=middle><B><FONT color=#ffff00 size=5 face=楷体_GB2312>图片2的文字</FONT></B></TD>
<TD style="FILTER: shadow(color=ff0000 ,strength=30); WIDTH: 260px; HEIGHT: 60px" align=middle><B><FONT color=#ffff00 size=5 face=楷体_GB2312>图片3的文字</FONT></B></TD>
<TD style="FILTER: shadow(color=ff0000 ,strength=30); WIDTH: 260px; HEIGHT: 60px" align=middle><B><FONT color=#ffff00 size=5 face=楷体_GB2312>图片4的文字</FONT></B></TD>
<TD style="FILTER: shadow(color=ff0000 ,strength=30); WIDTH: 260px; HEIGHT: 60px" align=middle><B><FONT color=#ffff00 size=5 face=楷体_GB2312>图片5的文字</FONT></B></TD>
</TD></TR></TBODY></TABLE></MARQUEE>
<CENTER> </CENTER>
<CENTER><IMG style="WIDTH: 686px; HEIGHT: 20px" alt=图片 src="底部长条图片地址" width=600 height=20 appendurl="1"></CENTER></CENTER></TD></TR></TBODY></TABLE></P>



用代码解除空间Flash限制的方法代码：




<DIV style="Z-INDEX: 1; POSITION: absolute; WIDTH: 0px宽度; TOP: 纵坐标px; LEFT: 横坐标px"><EMBED height=高度 type=application/x-shockwave-flash pluginspage=http://www.macromedia.com/go/getflashplayer width=宽度 src=动画地址 allowscriptaccess="never" allownetworking="none" invokeurls="false" wmode="transparent"></DIV>






文字穿越代码



<DIV style="LEFT: 0px; WIDTH: 800px; POSITION: absolute; TOP: 0px" px="px" height:="height:"><P><FONT face=楷体_GB2312 color=#ffcc00 size=7><STRONG><FONT size=4>   <FONT class=lightFont style="DISPLAY: inline-block; FILTER: glow(color=#000093,strength=3); WIDTH: 306px; COLOR: #ffffff; HEIGHT: 468px" glowcolor="#7030a0">写文字</FONT></FONT></STRONG></FONT></P></DIV>



 
特效闪字代码



<P align=center><BR>
<TABLE style="BACKGROUND-IMAGE: url(字体图片地址)" cellSpacing=0 cellPadding=0 align=center <TBODY <TABLE>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#336699)">
<TABLE style="BACKGROUND-IMAGE: url(底图片地址)" align=center <TBODY <TABLE>
<TBODY>
<TR>
<TD align=middle><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 40pt; FONT-WEIGHT: normal" color=#336699 face=楷体_gb2312><B>你要写的字</B></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>


阴影字代码

<DIV style="FONT-SIZE: 25pt; FILTER: shadow(color=7093DB); HEIGHT: 21px"><PRE> <FONT face=黑体 color=FF0000><B>日 志 美 术 字</B> </FONT></PRE></DIV>
效果如下
日 志 美 术 字






  
日志来源于网络非本人所作，
所有代码本人没有实践，不知能用否。

文章评论

祝福

[M][url=http://b84.photo.store.qq.com/psb?/V13UjHvk0VMfO3/BSlFwSiebTQWNQPYzD6GkRLV7Hesy.9bjj6qzb3ayMU!/b/YV2jHTIGdAAAYug8JTKgUwAA][img]http://b84.photo.store.qq.com/psb?/V13UjHvk0VMfO3/BSlFwSiebTQWNQPYzD6GkRLV7Hesy.9bjj6qzb3ayMU!/b/YV2jHTIGdAAAYug8JTKgUwAA&ek=1&kp=1&pt=0&su=0244282737&sce=0-12-12&rf=2-9[/img][/url][/M]