跳跃的竖排文字 代码如下: <P align=center> <MARQUEE scrollAmount=8 direction=right behavior=alternate><B><FONT color=#7700bb size=5><FONT color=lime> <MARQUEE direction=right behavior=alternate width=500 height=200><B><FONT color=#7700bb size=5><FONT color=lime> <MARQUEE direction=up behavior=alternate width=40 height=200 align="middle">你好吗 </MARQUEE><FONT color=red> <MARQUEE direction=up behavior=alternate width=40 height=150>在看吗</MARQUEE><FONT color=orange> <MARQUEE direction=up behavior=alternate width=40 height=200>简单吧</MARQUEE><FONT color=fuchsia> <MARQUEE direction=up behavior=alternate width=40 height=150>学习呀</MARQUEE><FONT color=olive> <MARQUEE direction=up behavior=alternate width=40 height=200>好看吗</MARQUEE><FONT color=green> <MARQUEE direction=up behavior=alternate width=40 height=150>记住啊</MARQUEE><FONT color=red> <MARQUEE direction=up behavior=alternate width=40 height=200>要努力</MARQUEE><FONT color=orange> <MARQUEE direction=up behavior=alternate width=40 height=150>别忘了</MARQUEE><FONT color=orange></FONT></B></FONT></FONT></FONT></FONT></FONT></FONT></FONT></FONT></FONT></MARQUE 效果 加一个边框代码 <P align=center> <TABLE borderColor=660000 cellSpacing=5 cellpadding=5 bgcolor=#FFE4C4 width=700 height=300 border=6> <TR> <TD> 把上面的代码全部放进这里 </td></tr></table> 看看效果怎样: 你好吗 在看吗 简单吧 学习呀 好看吗 记住啊 要努力 别忘了 | 代码解释: MARQUEE 这是移动标记 scrollAmount=8 代表移动速度,数值越大速度越快 默认为6。 direction=right 代表移动方向,值表示向右移动。 behavior=alternate 代表移动方式,值表示来回交替移动。 direction=up 代表移动方向,值表示向上移动。 文字在图片中穿梭的效果 代码如下 <CENTER> <MARQUEE scrollAmount=2 width=50 height=70 scrolldely="10" align="center"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=宋体 color=#8A2BE2 size=4>穿 穿</FONT></MARQUEE> <STRONG><IMG src="图片地址" width=100 height=120> </STRONG> <MARQUEE scrollAmount=2 width=50 height=70 scrolldely="10" align="center"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=宋体 color=#7FFF00 size=4>梭 梭</FONT></MARQUEE> <STRONG><IMG src="图片地址" width=100 height=120> </STRONG> <MARQUEE scrollAmount=2 width=50 height=70 scrolldely="10" align="center"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=宋体 color=#FFD700 size=4>文 文</FONT></MARQUEE> <STRONG><IMG src="图片地址" width=100 height=120> </STRONG> <MARQUEE scrollAmount=2 width=50 height=70 scrolldely="10" align="center"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=宋体 color=#ff0000 size=4>字 字</FONT></MARQUEE></CENTER> 说明: 粉红色代码表示文字移动的速度,值越大移动的速度越快。 改变棕色代码的值,图片和文字的宽度与高度会有变化。 红色代码的宽与高的值必须要和图片的实际尺寸的宽度和高度一致,这样图片不会失真。 请看效果: 穿 穿 梭 梭 文 文 字 字 文字在图片中游动的效果 代码: <TABLE borderColor=#6495ED height=350 width=600 align=center border=5> <TBODY> <TR> <TD background=图片地址> <MARQUEE scrollAmount=3 direction=down behavior=alternate height=350> <MARQUEE scrollAmount=3 behavior=alternate width=600> <P align=center><FONT face=隶书 color=#ff0000 size=5 > 認識我嗎!<br>我叫金喜善!<br>請多多關照!!! </FONT></P></MARQUEE></MARQUEE> </TD></TR></TBODY></TABLE> 说明: 图片可以更换、字体、字号和颜色也可以更换 效果: 文字在图片中向上的效果 代码: <DIV style="PADDING-RIGHT: 0px; MARGIN-TOP: 10px; FONT-SIZE: 9pt; OVERFLOW-X: hidden; WIDTH: 97%; WORD-BREAK: break-all; TEXT-INDENT: 30px; LINE-HEIGHT: normal; HEIGHT: 200px; WORD-WRAP: break-word" auto';"> <P align=center><BR> <TABLE height=400 cellSpacing=0 cellPadding=0 width=600 align=center bordercolor=#8A2BE2 background=图片地址 border=3> <TBODY> <TR> <TD> <P align=center> <MARQUEE scrollAmount=3 direction=up> <P align=center><FONT face=华文行楷 color=#ffffff size=5>朋友您好!</FONT></P> <P align=center><FONT face=华文行楷 color=#ffffff size=5>认识我吗!</FONT></P> <P align=center><FONT face=华文行楷 color=#ffffff size=5>请您猜猜! </FONT></P></MARQUEE></P></TD></TR></TBODY></TABLE></P></DIV> 说明: 图片可以更换、字体、字号和颜色也可以更换 效果: 彩色字体的效果 代码: <CENTER> <FONT face=宋体 color=ff0000 style=font:30pt><B> <FONT color=0000ff>平 <FONT color=#069070>哥 <FONT color=green>歡 <FONT color=#A52A2A>迎 <FONT color=ff00ff>您 <FONT color=#6495ED>! </FONT></CENTER> 说明: <CENTER> :这是居中标记 face=# : 表示设置什么字体 <B> : 表示字体加粗 color=# : 表示设置什么颜色 style=font:30pt :这是css语句,表示字体的大小30可以修改,值越大字体也越大。 效果: 平哥歡迎您! |
评论