1、基本语法 <MARQUEE behavior=alternate direction=up height=150 scrollAmount=5><MARQUEE behavior=altrnate scrollAmount=2 width=660> <IMG src="图片地址"><FONT color=red face=楷体_gb2312 size=6>插入文字</FONT></MARQUEE></MARQUE> 效果: <MARQUEE behavior=alternate direction=up height=350 scrollAmount=5><MARQUEE behavior=altrnate scrollAmount=2 width=660> <IMG src="http://img.blog.163.com/photo/VJjsmyR1zdRs-T98aY1H-A==/4296152569535650884.jpg"><FONT color=red face=华文彩云 _gb2312 size=6>欢迎光临启野博客!</FONT></MARQUEE></MARQUE>
2、基本语法: <P align=center><FONT color=#ffff00 face=隶书 size=7><MARQUEE height=50 width=350>插入文字</FONT></MARQUEE><FONT color=#ffff00 face=隶书 size=7><MARQUEE direction=right height=50 width=350>插入相反的文字</MARQUEE></FONT></FONT></P> 提醒:在用这种效果时,文字移动范围的宽width的取值很重要,两段文字移动范转的width取值和一定要小于背景层width的取值。 效果: <P align=center><FONT color=#ffff00 face=华文彩云 size=6><MARQUEE height=100 width=350>欢迎光临启野博客!</FONT></MARQUEE><FONT color=#ffff00 face=华文彩云 size=6><MARQUEE direction=right height=50 width=350> !客博野启临光迎欢</MARQUEE></FONT></FONT></P>
欢迎光临启野博客! !客博野启临光迎欢
3、基本语法: <P align=center><FONT style="BACKGROUND-COLOR: #ffff00" color=#00ff88 size=6>插入文字</FONT></P> 效果: <P align=center><FONT style="BACKGROUND-COLOR: #ffff00" color=#00ff88 face=华文彩云 size=6>曾今沧海难为水,除却巫山不是云</FONT></P> 曾今沧海难为水,除却巫山不是云 4、彩色字体基本语法: <P align=center> <FONT size=9><FONT face=华文新魏> <FONT color=#ff0000>心</FONT> <FONT color=#ff8900>儿</FONT> <FONT color=#92c000>是</FONT> <FONT color=#00c024>永</FONT> <FONT color=#00c0da>远</FONT> <FONT color=#0053ff>的</FONT> <FONT color=#4800ff>琴</FONT> <FONT color=#ff00ff>弦</FONT> </FONT></FONT> </P> 看看效果吧! 心 儿 是 永 远 的 琴 弦 5、抛射字体基本语法: <DIV align=center> <DIV style="FILTER: shadow(color=#FF3322, strength=60); WIDTH: 480px; HEIGHT: 121px"><FONT color=#ff0000 size=7 face=华文彩云>心在跳 情在烧</FONT> </DIV></DIV> 看看效果吧! 6、由中间向两边移动文字基本语法: <P align=center> <FONT color=#ee110e size=4 face=华文彩云> <MARQUEE height=250 width=400><IMG src="图片地址">由中间向两边移动的文字和图像</MARQUEE> <MARQUEE direction=right height=250 width=400>由中间向两边移动的文字和图像<IMG src="图片地址"></MARQUEE> </FONT> </P> 看看效果吧! <P align=center> <FONT color=#ee110e size=4 face=华文彩云> <MARQUEE height=250 width=400><IMG src="http://img.blog.163.com/photo/uXX4tV0xKdNp4Awb28cTGg==/2026619832317098946.jpg">欢迎您来我家做客!</MARQUEE> <MARQUEE direction=right height=250 width=400>!客做家我来您迎欢<IMG src="http://img.blog.163.com/photo/zrWLFBelbI_Xn0g9ev4QkA==/3389803144527412338.jpg"></MARQUEE> </FONT> </P> 欢迎您来我家做客! !客做家我来您迎欢
7、原地跳动文字基本语法: <CENTER> <P FONT style="FONT-SIZE: 40pt; FILTER: glow(color=#FF0000 ,strength=6); WIDTH: 100%; COLOR: #ffffff; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"> <MARQUEE direction=up behavior=alternate width=60 height=120> 大</MARQUEE> <MARQUEE direction=up behavior=alternate width=60 height=120> 家</MARQUEE> <MARQUEE direction=up behavior=alternate width=60 height=120> 来</CENTER></MARQUEE> <MARQUEE direction=up behavior=alternate width=60 height=120> 跳</MARQUEE> <MARQUEE direction=up behavior=alternate width=60 height=120> 跳</MARQUEE> <MARQUEE direction=up behavior=alternate width=60 height=120> 舞</MARQUEE> </FONT> </P> </CENTER> 看看效果吧! 大 家 来 跳 跳 舞 8、交替跳跃文字基本语法: <CENTER> <P FONT style="FONT-SIZE: 40pt; FILTER: glow(color=#FF0000 ,strength=6); WIDTH: 100%; COLOR:#92c000; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"> <MARQUEE direction=up behavior=alternate width=80 height=160>长</MARQUEE> <MARQUEE direction=up behavior=alternate width=80>风</MARQUEE> <MARQUEE direction=up behavior=alternate width=80 height=160>破</MARQUEE> <MARQUEE direction=up behavior=alternate width=80>浪</MARQUEE> <MARQUEE direction=up behavior=alternate width=80 height=160>会</MARQUEE> <MARQUEE direction=up behavior=alternate width=80>有</MARQUEE> <MARQUEE direction=up behavior=alternate width=80 height=160>时</MARQUEE> </MARQUEE> </FONT> </P> </CENTER> 看看效果吧! 长 风 破 浪 会 有 时 9、穿梭文字基本语法: <CENTER> <MARQUEE height=67 width=60 scrollAmount=2 align="center" scrolldely="10"><B><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 30pt; FONT-WEIGHT: normal" color=#cf34f6 face=幼圆><STRONG>穿</STRONG> 穿</FONT></B></MARQUEE><IMG src="图片地址" width=109 height=67> <MARQUEE height=67 width=60 scrollAmount=2 align="center" scrolldely="10"><B><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 30pt; FONT-WEIGHT: normal" color=#ff0000 face=幼圆><STRONG>梭</STRONG> 梭</FONT></B></MARQUEE><IMG src="图片地址" width=109 height=67> <MARQUEE height=67 width=60 scrollAmount=2 align="center" scrolldely="10"><B><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 30pt; FONT-WEIGHT: normal" color=#0033cc face=幼圆><STRONG>文</STRONG> 文</FONT></B></MARQUEE><STRONG><IMG src="图片地址" width=109 height=67> <MARQUEE height=67 width=60 scrollAmount=2 align="center" scrolldely="10"><B><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 30pt; FONT-WEIGHT: normal" color=#006633 face=幼圆><STRONG>字</STRONG> 字</FONT></B></MARQUEE></CENTER><BR></STRONG> 看看效果吧! <CENTER> <MARQUEE height=67 width=60 scrollAmount=2 align="center" scrolldely="10"><B><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 30pt; FONT-WEIGHT: normal" color=#cf34f6 face=幼圆><STRONG>嫣</STRONG>嫣</FONT></B></MARQUEE><IMG src="http://img.blog.163.com/photo/nzekL2GedQU9t7Jl0pT45Q==/5414452652006542146.jpg" width=109 height=67> <MARQUEE height=67 width=60 scrollAmount=2 align="center" scrolldely="10"><B><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 30pt; FONT-WEIGHT: normal" color=#ff0000 face=幼圆><STRONG>然</STRONG> 然</FONT></B></MARQUEE><IMG src="http://img.blog.163.com/photo/nzekL2GedQU9t7Jl0pT45Q==/5414452652006542146.jpg" width=109 height=67> <MARQUEE height=67 width=60 scrollAmount=2 align="center" scrolldely="10"><B><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 30pt; FONT-WEIGHT: normal" color=#0033cc face=幼圆><STRONG>一</STRONG> 一</FONT></B></MARQUEE><STRONG><IMG src="http://img.blog.163.com/photo/nzekL2GedQU9t7Jl0pT45Q==/5414452652006542146.jpg" width=109 height=67> <MARQUEE height=67 width=60 scrollAmount=2 align="center" scrolldely="10"><B><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 30pt; FONT-WEIGHT: normal" color=#006633 face=幼圆><STRONG>笑</STRONG> 笑</FONT></B></MARQUEE></CENTER><BR></STRONG> 嫣 嫣 然 然 一 一 笑 笑 10、左向右上下起伏飞翔文字基本语法: 左向右上下起伏飞翔, height=200 是上下起伏飞翔幅度,可以调整,区分图片大小,一般设置在50至150的范围内比较好。 <marquee direction=right><marquee behavior=alternate direction=up height=200><font color=0000ff size=4 face=华文行楷><b>快乐着每一天!</b></font><br><img src=图片地址><img src=图片地址><img src=图片地址></marquee><br></marquee> 看看效果吧! <marquee direction=right><marquee behavior=alternate direction=up height=200><font color=#66FF00 size=7 face=华文彩云><b>快乐着每一天!</b></font><br> <img src= http://img.blog.163.com/photo/cIMUhRLy1ICEtRSVjgIXJA==/4577346071269049647.jpg > <img src= http://img.blog.163.com/photo/cIMUhRLy1ICEtRSVjgIXJA==/4577346071269049647.jpg > <img src=http://img.blog.163.com/photo/cIMUhRLy1ICEtRSVjgIXJA==/4577346071269049647.jpg> </marquee><br> </marquee> 快乐着每一天!
11、右向左上下起伏飞翔基本语法: 右向左上下起伏飞翔,height=100 是上下起伏飞翔幅度,可以调整,区分图片大小,一般设置在50至150的范围内比较好 <marquee direction=left><marquee behavior=alternate direction=up height=150><font color=color=#00c024 size=5 face=方正水柱简体>对面的帅哥看过来!看过来!<img src=图片地址><img src=图片地址></b></font></marquee></marquee> 看看效果吧! <marquee direction=left><marquee behavior=alternate direction=up height=200><font color=color=color=#ff00ff size=5 face=方正水柱简体>对面的帅哥看过来!<img src= http://img.blog.163.com/photo/EAkDYRtUlI8049ZhXXYOfg==/1463669878895574533.jpg><font color=color=color=#ff00ff size=5 face=方正水柱简体>看过来!<img src= http://img.blog.163.com/photo/EAkDYRtUlI8049ZhXXYOfg==/1463669878895574533.jpg><font color=color=color=#ff00ff size=5 face=方正水柱简体>看过来!</b></font></marquee></marquee> 对面的帅哥看过来!看过来!看过来!
12、基本语法: <CENTER><FONT face=华文彩云 color=red size=25> <MARQUEE direction=up behavior=alternate width=60 height=120>直</MARQUEE><FONT color=#ff0000> <MARQUEE direction=up behavior=alternate width=60 height=80>挂</MARQUEE><FONT color=#ff8900> <MARQUEE direction=up behavior=alternate width=60 height=120>云</MARQUEE><FONT color=#92c000> <MARQUEE direction=up behavior=alternate width=60 height=80>帆</MARQUEE><FONT color=#00c024> <MARQUEE direction=up behavior=alternate width=60 height=120>济</MARQUEE><FONT color=#00c0da> <MARQUEE direction=up behavior=alternate width=60 height=80>沧</MARQUEE><FONT color=#4800ff> <MARQUEE direction=up behavior=alternate width=60 height=120>海</MARQUEE></FONT></B></MARQUEE></FONT></CENTER></FONT 看看效果吧! 直 挂 云 帆 济 沧 海 13、彩光闪动文字的基本语法: <TABLE align=center background= http://img.blog.163.com/photo/VBqZ3k-0HfsjIOoo519RrA==/5373075830430756860.jpg border=5> <TBODY> <TR> <TD style="FILTER: mask(color=#ff0000)" align=middle><FONT style="FONT-SIZE: 50pt" face=华文新魏 color= #0000EE><B>启野欢迎您光临</B></FONT></TD></TR></TBODY></TABLE> 看看效果吧!(这是改动原代码后的效果)
14、文字在图片上向上移动的基本语法: <P align=center> <TABLE height=271 cellSpacing=0 cellPadding=0 width=598 align=center background=http://img.blog.163.com/photo/aHUMGTDjqOOlLD3D1SxJTA==/2050545205337347079.jpg border=3> <TBODY> <TR> <TD> <MARQUEE scrollAmount=3 direction=up> <P align=center><FONT face=宋体 color=#009900 size=6>她与他总是这样相隔千里</FONT></P> <P align=center><FONT face=宋体 color=#009900 size=6>时间的,空间的,命运的手</FONT></P> <P align=center><FONT face=宋体 color=#009900 size=6>轻拔着他们的机缘</FONT></P> <P align=center><FONT face=宋体 color=#009900 size=6>他们一再错肩</FONT></P> </MARQUEE> </TD> </TR> </TBODY> </TABLE> </P> 看看效果吧! 她与他总是这样相隔千里 时间的,空间的,命运的手 轻拔着他们的机缘 他们一再错肩 | 15、竖排渐出字基本语法: <TABLE borderColor= #00CC33 height=704 width=512 align=center border=3> <TBODY> <TR> <TD background=http://img.blog.163.com/photo/Y2cLEgWsXSyo66Gsld30fA==/3725884266719465374.jpg> <DIV align=center> <MARQUEE scrollAmount=1 scrollDelay=100 behavior=slide loop=1 width=450 height=450> <MARQUEE style="LINE-HEIGHT: 120%; WRITING-MODE: tb-rl" scrollAmount=1 scrollDelay=100 direction=up width=450 height=450> <P align=left><FONT style="FONT-SIZE: 18pt; FILTER: WIDTH: 100%; COLOR: #FF0000; LINE-HEIGHT: 130%; FONT-FAMILY: 文鼎霹雳体" color= #000CC >伤离别,她的盛开注定是一场寂寞的独舞<BR><BR>当末世的繁华终于落成灰烬<BR>媚香楼里东风渐呈凄切<BR>当命运的风沙逼近眼前<BR>她在月华下低了头<BR>回想起最后的告别<BR>她桃花般绚丽的脸爬满忧伤<BR>如一张纠结的蛛网,刻画出惘然的皱纹<BR><BR>这一夜,没有月华如霜<BR>他与她的作别,他的背影被马蹄踏碎<BR>没有泪水,是雨丝淋湿了她送行的眼<BR>这一世,他们再不会重逢<BR>她的桃花盛开在他看不到的地方<BR>她跳着舞,寂寞地,不见来时路…… <BR><BR></FONT></P></MARQUEE></MARQUEE></DIV> </TD></TR> </TBODY></TABLE> 注:复制浅绿色部分可以不要背景 看看效果吧! 伤离别,她的盛开注定是一场寂寞的独舞
当末世的繁华终于落成灰烬 媚香楼里东风渐呈凄切 当命运的风沙逼近眼前 她在月华下低了头 回想起最后的告别 她桃花般绚丽的脸爬满忧伤 如一张纠结的蛛网,刻画出惘然的皱纹
这一夜,没有月华如霜 他与她的作别,他的背影被马蹄踏碎 没有泪水,是雨丝淋湿了她送行的眼 这一世,他们再不会重逢 她的桃花盛开在他看不到的地方 她跳着舞,寂寞地,不见来时路……
|
16、让文字在背景图片上悠闲地飘飞: 在背景图片上悠闲飘飞的文字基本语法如下: <TABLE borderColor=#cd5c5c height=338 width=500 align=center border=3> <TBODY> <TR> <TD background= http://img.blog.163.com/photo/hI8vHgaNnmheC0zaQjD1Tg==/1973984011672394126.jpg> <MARQUEE scrollAmount=3 direction=down behavior=alternate height=338> <MARQUEE scrollAmount=3 behavior=alternate width=500> <P align=center><FONT face=方正祥隶简体 color=#00ff00 size=6 ff><B>守望着爱人归来 </B></FONT></P></MARQUEE></MARQUEE> </TD></TR></TBODY></TABLE> 说明: A、图片地址自己输入; B、文字、字体和颜色可以变动。 看看效果吧!
17、立体镂空字基本语法: <DIV style="FILTER: shadow(color=#8A2BE2, strength=40); WIDTH: 708px; HEIGHT: 483px"><FONT size=3> <FONT style="FONT-WEIGHT: normal; FONT-SIZE: 80pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#8A2BE2>启野梦幻剧场</FONT><BR></FONT> </DIV> 看看效果吧! 启野梦幻剧场
18、让文字在背景图片上悠闲地飘飞 在背景图片上悠闲飘飞的文字 基本语法如下: <TABLE borderColor=#cd5c5c height=350 width=450 align=center border=3> <TBODY> <TR> <TD background=图片地址> <MARQUEE scrollAmount=3 direction=down behavior=alternate height=350> <MARQUEE scrollAmount=3 behavior=alternate width=450> <P align=center><FONT face=隶书 color=#00ff00 size=6 ff><B>日不落的爱恋</B></FONT></P> </MARQUEE></MARQUEE> </TD></TR></TBODY></TABLE> 说明: A、图片地址自己输入; B、文字、字体和颜色可以变动。 看看效果吧! |
评论