使题目动起来: 代码: (1)循环左移:<marquee>彩色沙漠欢迎您们,记得要常来吆!!</marquee> 代码: (2)左右弹撞:<marquee behavior="alternate">彩色沙漠欢迎您们,您的到来就是对我莫大的支持!!</marquee> 7.自下而上滚动文字: 彩色沙漠真诚欢迎朋友们的光临,您的到来会给小屋增添更多活力、精彩与欢乐!代码: <MARQUEE style="WIDTH: 200px; HEIGHT: 266px" scrollAmount=2 direction=up width=200 height=266 align="center"><FONT color=#ff0000 size=5>彩色沙漠真诚欢迎朋友们光临,您的到来会给小屋增添更多活力、精彩与欢乐!</FONT></MARQUEE> 8.特效文字代码 (1)中空文字代码:
代码:
<CENTER><FONT style="FONT-SIZE: 40pt; FILTER: glow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>彩色沙漠欢迎您的到来</B></FONT></CENTER>
(2)立体感特效文字代码 彩色沙漠欢迎您的到来 彩色沙漠欢迎您的到来 代码: <font style="font-size:30pt;filter:blur(add=1,direction=30,strength=5);width:100%; color:#9900ff;line-height:150%;font-family:华文行楷"><b>彩色沙漠欢迎您的到来</b></font> (3)带彩色阴影特效文字代码 彩色沙漠欢迎您的到来 代码: <font style="font-size:30pt;filter:dropshadow(color=blue,offx=5,offy=3,positive=1);width:100%; color:red;line-height:150%;font-family:华文魏碑"><b>彩色沙漠欢迎您的到来</b></font> (4)凸起立体感特效文字代码 彩色沙漠欢迎您的到来 彩色沙漠欢迎您的到来 代码: <font style="font-size:30pt;filter:shadow(color=black,direction=180);width:100%; color:red;line-height:150%;font-family:华文行楷"><b>彩色沙漠欢迎您的到来</b></font> (5)套边立体感特效文字代码 彩色沙漠欢迎您的到来 彩色沙漠欢迎您的到来 代码: <font style="font-size:30pt;filter:glow(color=blue,strength=4);width:100%; color:red;line-height:150%;font-family:华文行楷">彩色沙漠欢迎您的到来<b></b></font> (6)七彩文字背景代码 代码: (7)图片插入文字特效代码 代码: <TABLE style="WIDTH: 706px; HEIGHT: 164px" borderColor=#00fa9a height=164 width=706 align=center background=图片地址 border=3> <TBODY> <TR> <TD> <MARQUEE scrollAmount=3 direction=down behavior=alternate height=150> <MARQUEE scrollAmount=3 behavior=alternate width=750><IMG src=" face=华文行楷 color=#800080 size=30><B><FONT face=楷体_GB2312 color=#00ffff>彩色沙漠欢迎你</FONT><IMG src="> </MARQUEE></TD></TR></TBODY></TABLE> <DIV> </DIV>(8)文字移动代码: 欢 代码: <MARQUEE scrollAmount=1 direction=up><P align=center> <FONT color=#ffddaa size=4> (9)彩色字体色彩绚丽 彩色沙漠欢迎光临 代码: </font><br> (10)抛射字体 代码: <DIV align=center> (11)带背景的闪光字体(背景图片可以换) 代码: <P align=center><BR> |
(13)向右移动的文字
赏欣您迎欢漠沙色彩
代码:
<P align=center><BR></P>
<P align=center>
<MARQUEE style="WIDTH: 397px; HEIGHT: 200px" scrollAmount=10 direction=right>
<P align=center><FONT face=隶书 color=#ff0000 size=7><B>彩色沙漠欢迎你欣赏</B></FONT></P></MARQUEE></P>
(14)波浪式的文字
代码:
</font><br><P align=center> </P>
<MARQUEE scrollAmount=5 direction=up behavior=alternate height=150>
<DIV align=center>
<MARQUEE scrollAmount=3 behavior=altrnate width=460 <IMG src="">
<DIV align=center><FONT face=隶书 color=red size=7>波浪式的文字</FONT></DIV></MARQUEE></DIV></MARQUE></MARQUEE>
(15)原地跳动的文字
代码:
<DIV></DIV></B>
<CENTER><FONT style="FONT-SIZE: 40pt; FILTER: glow(color: mistyrose,pink=50); WIDTH: 100%; COLOR: #0033ff; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">
<MARQUEE direction=up behavior=alternate width=60 height=120>
<CENTER><B>原</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=120>
<CENTER><B>地</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=120>
<CENTER><B>跳</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=120>
<CENTER><B>动</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=120>
<CENTER><B>文</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=120>
<CENTER><B>字</B></CENTER></MARQUEE></FONT></CENTER>
代码:
<DIV></DIV></B>
<CENTER><FONT style="FONT-SIZE: 40pt; FILTER: glow(color: mistyrose,pink=50); WIDTH: 100%; COLOR: #ff6600; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">
<MARQUEE direction=up behavior=alternate width=80 height=160>
<CENTER><B>交</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=80>
<CENTER><B>替</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=80 height=160>
<CENTER><B>跳</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=80>
<CENTER><B>跃</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=80>
<CENTER><B>文</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=80 height=160>
<CENTER><B>字</B></CENTER></MARQUEE></MARQUEE></FONT></CENTER>
(17)模糊的背景字
代码:
<P><STRONG></STRONG>
<CENTER>
<MARQUEE scrollAmount=2 width=60 height=67 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文琥珀 color=#cf34f6 size=6>穿 穿</FONT></B></MARQUEE><STRONG><IMG height=67 src="" width=109> </STRONG>
<MARQUEE scrollAmount=2 width=60 height=67 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文琥珀 color=#ff0000 size=6>梭 梭</FONT></B></MARQUEE><STRONG><IMG height=67 src="" width=109> </STRONG>
<MARQUEE scrollAmount=2 width=60 height=67 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文琥珀 color=#0033cc size=6>文 文</FONT></B></MARQUEE><STRONG><IMG height=67 src="" width=109> </STRONG>
<MARQUEE scrollAmount=2 width=60 height=67 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文琥珀 color=#006633 size=6>字 字</FONT></B></MARQUEE><STRONG></CENTER>
(19)彩虹文字
代码:
<P align=center>
<TABLE cellSpacing=0 cellPadding=0 align=center background=http://www./tjxy/jiaocai/05.gif>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#336699)">
<TABLE style="WIDTH: 593px; HEIGHT: 114px" align=center bgColor=#800080>
<TBODY>
<TR>
<TD align=middle><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 56pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文琥珀 color=#336699><STRONG>彩虹字体</STRONG></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>
(20)发光文字:
代码:
<TABLE style="FILTER: glow(color=#6699FF,direction=2)"><FONT color=#ffffff size=2>
<P align=center><FONT size=4> 要修改的文字</FONT></FONT></P>
<TBODY>
<P align=center><FONT size=4></FONT> </P></TBODY></TABLE>
其中color是阴影的颜色,可以配合网页色调改变,direction是设置阴影的强度,font color是原字体的颜色。
(21)浮雕的文字:
代码:
<TABLE style="FILTER: dropshadow(color=#6699FF, offx=1, offy=1, positive=1)"><FONT color=#ffffff>要修改的文字</FONT>
<TBODY></TBODY></TABLE>
(22)七彩文字:
代码:
<TABLE style="WIDTH: 500px; HEIGHT: 140px" align=center background=http:///client/zcsl/200644152842607.GIF border=0>
<TBODY>
<TR>
<TD style="FILTER: mask(color=#000000)" align=middle>
<P><FONT size=6>彩色沙漠</FONT></P></TD></TR></TBODY></TABLE>
9.渐隐的播放器
<TABLE style="FILTER: Alpha(Opacity=100, FinishOpacity=0, Style=3, StartX=20, StartY=60, FinishX=0, FinishY=0)gray(); WIDTH: 330px; HEIGHT: 24px">
<TBODY>
<TR>
<TD><EMBED style="FILTER: invert()" align=left src=http://yanji.edu./teacher/wl/yzh/伍思凯-特别的爱给特别的你.wma width=330 height=24 type=audio/mpeg Kern - The Winding Path 32-01&46;wma loop="-1" autostart="true" volume="0" ShowStatusBar="1" louie&46;mp3 Louie&46;mp3 Amo&46;WMA Ti Che Dirti Pausini--Volevo></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
代码:
代码:
<MARQUEE scrollAmount=-1 width="100%" height=120><A href="" target=_blank><IMG src=" href="" target=_blank><IMG src=" href="" target=_blank></A></MARQUEE>
12.动态图片合成代码
代码:
代码:
代码:
15.三层透明Flash的效果:
代码:
16. 四层透明Flash的效果:
代码:
代码:
请大家注意:style=1或2或3,其图片朦胧的效果就不同,如果是4就没有效果了。在朦胧图片的基础上还能加入透明的FLASH。其代码如下:
18。朦胧图片加入两个透明FLASH的效果:
代码:
19.日志图片背景:
代码:
<TABLE align=center borderColorLight=#33FF00 borderColorDark=#FFFF00 cellSpacing=20 cellPadding=25 width="100%" bgcolor=008080 background=图片地址 border=15>
<TBODY>
<TR>
<TD>
<P><FONT color=#ffebcd size=5><STRONG>日志内容:用图片作背景</STRONG></FONT></P></TD></TR></TBODY></TABLE>
有喜欢加音乐的可以加入以下代码:
<EMBED style="LEFT: 1px; WIDTH: 0px; TOP: 1px; HEIGHT: 0px" src=歌曲地址 width=1 height=1 type=audio/x-ms-wma loop="TRUE" autostart="TRUE"></embed>
代码:
<div STYLE="border-style:solid;border-width:5pt; border-color:red">日志文字</div>
border-style则控制边框的效果
border-width控制边框的粗细,
border-color调整边框的颜色,
这里你仍然可以使用如#xxxxxx的颜色数值,而当使用“solid”则为单一颜色的线形简单边框。
<DIV style="BORDER-RIGHT: #ff4500 4px solid; BORDER-TOP: #ff4500 4px solid; BORDER-LEFT: #ff4500 4px solid; BORDER-BOTTOM: #ff4500 4px solid; BACKGROUND-COLOR: #ffdead">实线</DIV>
<div STYLE="border-style:Double;border-width:8pt; border-color: #8B008B"> <div style="width:100%;height:100%;background-color:#E6E6FA;">文字</div></div>
效果如框内,是带背景色(熏衣草色)的简单双线框。
<div STYLE="border-style:Double;border-width:6pt; border-color: #ff4500"> <div style="width:100%;height:100%;background-color:#ffdab9;">文字</div></div>
显示的效果是背景色为桃色的简单双线框。效果如框内所示,边框的颜色是橙红色#ff4500,框内背景色为桃色#ffdab9
<div STYLE="border-style:Double;border-width:6pt; border-color: #ff4500"> <div style="width:100%;height:100%;background-color:#FFdead;">文字</div></div>
显示的效果是背景色为NAVAJO白的简单双线框。效果如框内所示,边框的颜色是橙红色#ff4500,框内背景色为桃色#ffdead。
<div STYLE="border-style:Double;border-width:6pt; border-color: #ff4500"> <div style="width:100%;height:100%;background-color:#FFFFE0;">文字</div></div>
背景颜色为淡黄色#FFFFE0,效果如框内所示。
<div STYLE="border-style:Double;border-width:6pt; border-color: #f08080"> <div style="width:100%;height:100%;background-color:#FFdead;">文字</div></div>
这种双线框的效果有若隐若现的感觉,框的颜色是淡珊瑚色#f08080,框内背景的颜色是NAVAJO白#FFdead。效果如框内所示。
<div STYLE="border-style:Double;border-width:6pt; border-color: #f08080"> <div style="width:100%;height:100%;background-color:#FFFFE0;">文字</div></div>
这种双线框的效果有若隐若现的感觉,框的颜色是淡珊瑚色#f08080,框内背景的颜色是淡黄色#FFFFE0。效果如框内所示。
<div style= "border-top-style:Ridge;border-right-style:Ridge;border-left-style:Ridge; border-bottom-style:Ridge;border-width:7pt; background-color:#8B008B"><div style="width:100%;height:100%;background-color:#E6E6FA;">文字</div></div>
效果如框内所示,是带背景色(熏衣草色)的浮出立体线框,代码中的#E6E6FA是背景的颜色(熏衣草色)
<DIV style="BORDER-RIGHT: 5pt ridge; BORDER-TOP: 5pt ridge; BORDER-LEFT: 5pt ridge; BORDER-BOTTOM: 5pt ridge; BACKGROUND-COLOR: #a0522d"> <DIV style="WIDTH: 100%; HEIGHT: 100%; BACKGROUND-COLOR: #ffc0cb">文字</DIV></DIV>
背景为粉红色,效果如框内所示。
<DIV style="BORDER-RIGHT: 5pt ridge; BORDER-TOP: 5pt ridge; BORDER-LEFT: 5pt ridge; BORDER-BOTTOM: 5pt ridge; BACKGROUND-COLOR: #a0522d"> <DIV style="WIDTH: 100%; HEIGHT: 100%; BACKGROUND-COLOR: #ffdab9">文字</DIV></DIV>
背景为桃色,效果如框内所示。
代码:
<DIV align=center style=' color: #990099; background-color:#FFFFE0; border: solid 2px black; width: 470px; height: 180px; overflow: scroll; scrollbar-face-color: #ffc0cb; scrollbar-shadow-color: #ffb6c1; scrollbar-highlight-color: #98fb98; scrollbar-3dlight-color: #ffb6c1; scrollbar-darkshadow-color: #90ee90; scrollbar-track-color: #ffdead; scrollbar-arrow-color: #f5deb3; '>日志文字</DIV>
代码实现的文本框是浅黄色的背景,粗略效果如文本框内所示。
(注释:附语法语句的解释:
//层开始标记,对中对齐 : <DIV align=center //样式如下: : style=' //前景色为#ffffff : color: #ffffff; //背景色为#000000 : background-color: #000000; //边框为2像素,黑色 : border: solid 2px black; //宽度120像素 : width: 120px; //高度200像素 : height: 200px; //超出范围时使用滚动条 : overflow: scroll; //滚动条的各个颜色如下 : scrollbar-face-color: #889B9F; : scrollbar-shadow-color: #3D5054; : scrollbar-highlight-color: #C3D6DA; : scrollbar-3dlight-color: #3D5054; : scrollbar-darkshadow-color: #85989C; : scrollbar-track-color: #95A6AA; : scrollbar-arrow-color: #FFD6DA; //在这个层中显示文字“日志文字”,层结束标志 : '>日志文字</DIV>
|