代码的运用实例
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://img.bimg.126.net/photo/wVqpywzTqiuVgNxHim6A6w==/5145925524224702941.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://img.bimg.126.net/photo/Azpjgzhdq2pzM-lvoQ83IA==/3951064248087967674.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://img.bimg.126.net/photo/Azpjgzhdq2pzM-lvoQ83IA==/3951064248087967674.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日 |
评论