博客公告栏制作及代码
一:简单公告栏
代 码 如 下
<MARQUEE scrollAmount=2 direction=right width=400 height=20><FONT face=宋体 color=#ff0000 size=4>朋友是人生路上最美丽的景色,蓝色妖姬欢迎您的到来!</FONT></MARQUEE>
代码说明:
scrollAmount=2 为移动速度 direction=right 移动方向 width="100%" height=20 移动范围
二:颜色背景公告栏
代 码 如 下
<MARQUEE style="BACKGROUND-COLOR: #ffff00" scrollAmount=2 direction=right width="50%" height=20><FONT face=宋体 color=#ff0000 size=4>朋友是人生路上最美丽的景色,蓝色妖姬欢迎您的到来!</FONT></MARQUEE>
代码说明:
style="BACKGROUND-COLOR: #ffff00"为公告栏背景颜色
三:图片背景公告栏
|
代 码 如 下
<TABLE height=400 cellSpacing=1 width=550 align=center background=http://image29.360doc.com/DownloadImg/2011/05/2623/12151930_5.jpg border=0> <TBODY> <TR> <TD> <MARQUEE scrollAmount=2 direction=up width="100%" height=300> <DIV align=center><FONT color=#00ff00 size=4>朋友是人生路上最美丽的景色,蓝色妖姬欢迎您的到来!</FONT></DIV></MARQUEE></TD></TR></TBODY></TABLE>
代码说明:
粉色部份为图片地址 height=400 width=550 为公告栏图片高度与宽度
cellSpacing=1为文字与边线距离 width="100%" height=300为移动范围
四、图片既定范围公告栏
|
|
代 码 如 下
<CENTER> <TABLE height=400 cellSpacing=1 width=500 background=http://image29.360doc.com/DownloadImg/2011/05/2623/12151930_6.jpg border=0> <TBODY> <TR> <TD height=100></TD></TR><TR><TD height=122> <DIV align=center><MARQUEE scrollAmount=2 direction=up width=400 height=300>朋友是人生路上最美丽的景色,蓝色妖姬欢迎您的到来!</FONT></MARQUEE></DIV></TD></TR></TBODY></TABLE></CENTER>
代码说明:
粉色部份代码为图片地址 height=400 width=500为公告栏图片高度与宽度
<TD height=100>为图片上半部高度值 <TD height=122>为下半部栏位高度值 根据实际图片调整
五、FLASH背景公告栏
代 码 如 下
<TABLE cellPadding=0 width=450 align=center border=0> <TBODY> <TR> <TD align=middle><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer align=right src=http://www./admin/upload_file/file/2008-11/1226764167640.swf width=450 height=280 type=application/x-shockwave-flash wmode="transparent" invokeURLs="false" allowScriptAccess="never" allowNetworking="internal"></EMBED><MARQUEE style="WIDTH: 450px; HEIGHT: 280px" scrollAmount=2 direction=right align="center"><BR> <DIV style="WIDTH: 300px; WRITING-MODE: tb-rl"> <STRONG><FONT color=#008000 size=5>朋友是人生路上最美丽的景色,蓝色妖姬欢迎您的到来!</FONT></STRONG></DIV></FONT></MARQUEE></TD></TR></TBODY></TABLE>
代码说明:
http://www./admin/upload_file/file/2008-11/1226764167640.swf 为FLASH地址, width=450 height=280 为FLASH的高度与宽度值
更多的博客制作代码点击欣赏...
|