开通VIP,畅享免费电子书等14项超值服
首页
好书
留言交流
下载APP
联系客服
2007.07.28
为了方便朋友们运用论坛的功能,特别从网上收集了一些代码,有演示效果的。
一、表格 <table></table>
表格的几种基本设置方法
表格的基本语法
带边框的表格:
<TABLE border=1><TBODY><TR><TH>音乐下载</TH><TH>音乐下载</TH><TH>音乐下载</TH><TR><TD>新人接待</TD><TD>华语精选</TD><TD>综合图片</TD></TR></TBODY></TABLE>
显示结果:
不带边框的表格:
<TABLE ><TBODY><TR><TH>音乐下载</TH><TH>音乐下载</TH><TH>音乐下载</TH><TR><TD>新人接待</TD><TD>华语精选</TD><TD>综合图片</TD></TR></TBODY></TABLE>
显示结果
跨多行、多列的表元(Table Span)
跨多列的表元 <th colspan=#>
<TABLE border=1><TBODY><TR><TH colSpan=3>新萤火虫论坛</TH><TR><TH>音乐下载</TH><TH>音乐下载</TH><TH>音乐下载</TH><TR><TD>新人接待</TD><TD>华语精选</TD><TD>综合图片</TD></TR></TBODY></TABLE>
跨多行的表元 <th rowspan=#>
<TABLE border=1><TBODY><TR><TH rowSpan=3>新萤火虫论坛</TH><TH>音乐下载</TH><TD>新人接待</TD></TR><TR><TH>音乐下载 </TH><TD>华语精选</TD></TR><TR><TH>音乐下载</TH><TD>综合图片</TD></TR></TBODY></TABLE>
表格透析:1、<table></table>2、<tr></tr><td></td>3、<th></th>
属性
用途
4、<tr></tr><td></td><tr></tr>标志对用来创建表格中的每一行。此标志对只能放在<table></table>标志对之间使用,而在此标志对之间加入文本将是无用的,因为在<tr></tr>之间只能紧跟<td></td>标志对才是有效的语法,<td></td>标志对用来创建表格中一行中的每一个格子,此标志对也只有放在<tr></tr>标志对之间才是有效的,您想要输入的文本也只有放在<td></td>标志对中才有效(即才能够显示出来)。<table></table>、<tr></tr>和<td></td>标志对的关系如下所示:
此外,<tr>还有align和valign属性。align是水平对齐方式,取值为left(左对齐)、center(居中)、right(右对齐);而valign是垂直对齐方式,取值为top(靠顶端对齐)、middle(居中间对齐)或bottom(靠底部对齐)。<td>具有width、colspan、rowspan和nowrap属性。width是格子的宽度,单位用绝对像素值或总宽度的百分比;colspan设置一个表格格子跨占的列数(缺省值为1);rowspan设置一个表格格子跨占的行数(缺省值为1);nowrap禁止表格格子内的内容自动断行。5、<th></th>
<th></th>标志对用来设置表格头,通常是黑体居中文字。
看一看下边的例子就明白以上标志对的用法了。
<TABLE borderColor=#0000ff borderColorDark=#0000a0 cellPadding=2 width="80%" bgColor=#e8e8e8 borderColorLight=#7d7dff border=1><TBODY><TR><TH vAlign=bottom width="33%" colSpan=2>经典联络</TH><TH vAlign=bottom width="36%" colSpan=2>经典视听</TH><TH vAlign=bottom width="36%" colSpan=2>经典音乐</TH></TR><TR><TD align=middle width="16%">板块</TD><TD align=middle width="16%">版主</TD><TD align=middle width="17%">板块</TD><TD align=middle width="17%">版主</TD><TD align=middle width="17%">板块</TD><TD align=middle width="17%">版主</TD></TR><TR><TD align=middle width="16%">新人接待</TD><TD align=middle width="16%">全体版主</TD><TD align=middle width="17%">图文音乐</TD><TD align=middle width="17%">依依</TD><TD align=middle width="17%">国际流行</TD><TD align=middle width="17%">夜静聆音</TD></TR><TR><TD align=middle width="16%">论坛事务</TD><TD align=middle width="16%">妖眼惑众</TD><TD align=middle width="17%">新手试贴</TD><TD align=middle width="17%">淡淡心香</TD><TD align=middle width="17%">华语精选</TD><TD align=middle width="17%">北风轻曳 </TD></TR></TBODY></TABLE>
显示效果
表格标志
播放器设置好,您的帖子会更美观,设置方法有很多,现在介绍常见的几种
第一种方式
代码
<EMBED src=http://www.nxc.cn/bbs/UploadFile/2004-8/200481482641160.wma width=200 height=40 type=audio/x-ms-wma autostart="true" loop="true">
或下面这种代码也可以,效果与上面的一样
<EMBED id=MediaPlayer374 src=http://www.nxc.cn/bbs/UploadFile/2004-8/200481482641160.wma width=200 height=40 type=audio/mpeg loop="false" autostart="false"></EMBED>
其中:width=100 height=40 中的数字分别表示播放器的宽度和高度 ,注意:都选择0将隐藏播放器(隐藏时一定要选择自动播放)
autostart="true"中true或1表示自动播放,false或0表示手动播放
loop="true" 中的true或1表示重复播放,false或0表示只播放一次
如果是mp3、rm等格式,播放器会显示下面的样式
第二种设置方式
<EMBED src=http://202.116.140.5/music/gccd/4/CD-0321/11.MP3 width=200 height=30 type=audio/x-pn-realaudio-plugin autostart="0" controls="ControlPanel"></EMBED>
第三种设置方式
<TABLE style="FILTER: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)gray(); WIDTH: 200px; HEIGHT: 83px"><TBODY><TR><TD><EMBED style="BORDER-RIGHT: silver 1px solid; BORDER-TOP: silver 1px solid; BORDER-LEFT: silver 1px solid; BORDER-BOTTOM: silver 1px solid" src=http://www.nxc.cn/bbs/UploadFile/2004-8/200481482641160.wma width=200 height=50 type=audio/x-mplayer2 console="video" showstatusbar="0" EnableContextMenu="0" volume="0" autostart="0" loop="-1"></TD></TR></TBODY></TABLE>
这种方式建议大家使用自动播放
三、移动效果:效果一:
月 下 独 酌李 白花间一壶酒,独酌无相亲。举杯邀明月,对影成三人。月既不解饮,影徒随我身。暂伴月将影,行乐须及春。我歌月徘徊,我舞影零乱。醒时同交欢,醉后各分散。永结无情游,相期邈云汉。
代码:<*MARQUEE scrollAmount=1 direction=up behavior=alternate height=260><*MARQUEE scrollAmount=1 direction=up height=150> 文字 <*/MARQUEE><*/MARQUEE>效果二:
代码:<*MARQUEE scrollAmount=2 direction=up behavior=alternate height=260><*MARQUEE scrollAmount=1 direction=up height=150> 文字 <*/MARQUEE><*/MARQUEE>效果三:
代码:<*MARQUEE scrollAmount=1 behavior=alternate height=160 width=460><*MARQUEE scrollAmount=1 direction=up height=160 width=456> 文字 <*/MARQUEE><*/MARQUEE>
微信登录中...请勿关闭此页面