|
代码的运用实例
1.文字的移动：
文字的移动代码：
<DIV align=center>
<MARQUEE scrollAmount=2 style="WIDTH: 480px; HEIGHT: 25px">
<DIV align=left><FONT face=幼圆 color=#00ffff size=4><STRONG>这个是移动代码</STRONG></FONT></DIV></MARQUEE></DIV>
2.图片的移动：（从右到左）
图片的移动代码：
3.图片的移动：（从左到右）
图片的移动代码：
4.字体的变色：
字体的变色代码：
<TABLE align=center background=http://image109.360doc.com/DownloadImg/2018/01/0800/121268903_7_20180108120317371.jpg border=2>
<TBODY>
<TR>
<TD style="FILTER: mask(color=#000000)" align=middle><FONT style="FONT-SIZE: 50pt" face=隶书 color=#336699><B>字体的变色</B></FONT></TD></TR></TBODY></TABLE>
5.字体的变色滚动1:
字体的变色滚动1 代码：
<CENTER>
<MARQUEE style="FONT-SIZE: 11pt; FILTER: Wave glow(color=ooff66,strength:1 Add=0,freq=4,LightStrength=4,Phase=50,Strength=4); WIDTH: 580px; COLOR: #ffff00; LINE-HEIGHT: 22pt; TEXT-ALIGN: center; padding-center: 10em" scrollAmount=1 scrollDelay=90 direction=up loop=infinite height=180><FONT face=黑体 size=6><B>变色滚文字动代码<BR>变色滚文字动代码<BR>变色滚文字动代码 </B></FONT></B></MARQUEE></CENTER>
6.字体的变色滚动2：
字体的变色滚动2代码：
<CENTER>
<MARQUEE style="FONT-SIZE: 11pt; FILTER: Wave glow(color=ooff66,strength:1 Add=0,freq=4,LightStrength=4,Phase=50,Strength=4); WIDTH: 580px; COLOR: #00FF7F; LINE-HEIGHT: 22pt; TEXT-ALIGN: center; padding-center: 10em" scrollAmount=1 scrollDelay=90 direction=down loop=infinite height=180><FONT face=黑体 size=6><B>变色滚文字动代码<BR>变色滚文字动代码<BR>变色滚文字动代码 </B></FONT></B></MARQUEE></CENTER>
7.文字的上下合并：
文字上下合并的代码:
<P align=center>
<CENTER>
<MARQUEE direction=down height=60 scrollAmount=2>
<CENTER><FONT color=#7FFF00 face=华文彩云 size=7><B>文字的上下合并</FONT></CENTER></B></MARQUEE>
<CENTER>
<MARQUEE direction=up height=60 scrollAmount=2>
<CENTER><FONT color=#00FFFF face=华文彩云 size=7><B>文字的上下合并</FONT></CENTER></B></MARQUEE></CENTER></CENTER>
8.图片的左右对开：
图片的左右对开的代码:
9.图片的边缘雾化：
图片边缘雾化的代码:
<P align=center>
<TABLE style="WIDTH: 420px; HEIGHT: 520px" height=520 cellPadding=0 width=420 align=center background=http://image109.360doc.com/DownloadImg/2018/01/0800/121268903_8_20180108120317433.jpg border=5>
<TBODY>
<TR>
<TD>
<P align=center>
<IMG style="FILTER: Alpha(opacity=150,style=2)" height=260 src="http://img612.photo.163.com/nv7inncdR4dpMPqGtWcGSw==/1704330983983153247.jpg" width=340 border=0 height=260 HEIGHT: 340px; WIDTH:></A>
</TD></TR></TBODY></TABLE></P>
10.图片的整幅雾化：
图片整幅雾化的代码:
<P align=center>
<TABLE style="WIDTH: 420px; HEIGHT: 520px" height=520 cellPadding=0 width=420 align=center background=http://image109.360doc.com/DownloadImg/2018/01/0800/121268903_8_20180108120317433.jpg border=5>
<TBODY>
<TR>
<TD>
<P align=center>
<IMG style="FILTER: Alpha(Opacity=40)" height=260 src="http://img612.photo.163.com/nv7inncdR4dpMPqGtWcGSw==/1704330983983153247.jpg" width=340 border=0 height=260 HEIGHT: 340px; WIDTH:></A>
</TD></TR></TBODY></TABLE></P>
11.文字走走停停：
文字走走停停的代码:
<CENTER>
<MARQUEE scrollAmount=1 behavior=alternate width=400>
<MARQUEE style="LINE-HEIGHT: 110%; WRITING-MODE: tb-rl" scrollAmount=1 scrollDelay=100 direction=up width=370><FONT style="FONT-SIZE: 20pt; FILTER: WIDTH: 100%; LINE-HEIGHT: 130%; FONT-FAMILY: 方正姚体" color=#ffa07a><B>无论世事如何变迁<BR> 让真情常在<BR>无论工作如何繁忙<BR> 让联络常在<BR>无论留言还是短信<BR> 让问候常在<BR>无论天涯还是咫尺<BR> 让祝福常在</B> </FONT></FONT></FONT></MARQUEE></MARQUEE></CENTER>
12.图片走走停停：
图片走走停停的代码：
<CENTER>
<MARQUEE scrollAmount=2 behavior=alternate width=500><MARQUEE scrollAmount=2 width=480>
<IMG src="http://img.blog.163.com/photo/Qg9G11k5iCQnywDCkaPueg==/3679440895562260875.jpg">
</MARQUEE></MARQUEE></CENTER>
13，图片 水波倒影：
图片水波倒影代码：
<P align=center><IMG src="图片地址" width=391></A> <BR><IMG id=reflection style="FILTER: wave(strength=9,freq=12,phase=8,lightstrength=8) blur() flipv()" src="图片地址" width=391> </P>
“strength=9”水波幅度，改变数值改变大小。
“freq=12”水波数量，自己设置！
编后话:
我提供的代码都是现成的代码，朋友在运用时还可以灵活应用，多种搭配，根据自己的实际调整移动的速度，方向和图片的大小等；你要研究每一组代码所有的含义，再自己搭配出符合你意思的形态来，那你的博客一定会装扮的多姿多彩！
编写：和尚
2009年2月26日 | 
