用HTML给Flash加链接
作者:cmscn 日期:2007-04-15
以下是引用片段：
<button style="width:400;height:400;background:transparent;border:o;padding:0;cursor:hand" onclick="window.location.href='url'">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="100%" height="100%">
<param name="movie" value="http://www.ywicc.com/bbs/img/ant.swf">
侧边滚动图标
作者:cmscn 日期:2007-04-14
HTML技巧100例
作者:cmscn 日期:2007-04-09
表格特效代码全集中
作者:cmscn 日期:2007-04-07
源码如下：
<table width="100%" border="1" bordercolor="#000000">
<tr bordercolor="#FFFFFF">
<td>表格边线为1，线色为黑，行线色为白。</td>
</tr>
</table>
<p>
<table width="100%" border="0" cellspacing="1" bgcolor="#000000">
<tr>
<td bgcolor="#FFFFFF">表格边线为0，间距为1，背景色为黑，行背景色为白。</td>
</tr>
</table>
2. 立体表格
源码如下：
原图：
<table cellpadding=0 cellspacing=0 border=0 width=282 align=center>
<tr height=1>
<td rowspan=4 width=1></td>
<td rowspan=3 width=1></td>
<td rowspan=2 width=1></td>
<td width=2></td>
<td bgcolor=#43B5C9></td>
<td width=2></td>
<td rowspan=2 width=1></td>
<td rowspan=3 width=1></td>
<td rowspan=4 width=1></td>
</tr>
<tr height=1>
<td bgcolor=#43B5C9></td>
<td bgcolor=#43B5C9></td>
<td bgcolor=#43B5C9></td>
</tr>
<tr height=1>
<td bgcolor=#43B5C9></td>
<td colspan=3 bgcolor=#43B5C9></td>
<td bgcolor=#43B5C9></td>
</tr>
<tr height=2>
<td bgcolor=#43B5C9></td>
<td colspan=5 bgcolor=#43B5C9></td>
<td bgcolor=#43B5C9></td>
</tr>
</table>
<p>放大
<table cellpadding=0 cellspacing=0 border=1 width=282 align=center>
<tr height=10>
<td rowspan=4 width=10></td>
<td rowspan=3 width=10></td>
<td rowspan=2 width=10></td>
<td width=20></td>
<td bgcolor=#43B5C9></td>
<td width=20></td>
<td rowspan=2 width=10></td>
<td rowspan=3 width=10></td>
<td rowspan=4 width=10></td>
</tr>
<tr height=10>
<td bgcolor=#43B5C9></td>
<td bgcolor=#43B5C9></td>
<td bgcolor=#43B5C9></td>
</tr>
<tr height=10>
<td bgcolor=#43B5C9></td>
<td colspan=3 bgcolor=#43B5C9></td>
<td bgcolor=#43B5C9></td>
</tr>
<tr height=20>
<td bgcolor=#43B5C9></td>
<td colspan=5 bgcolor=#43B5C9></td>
<td bgcolor=#43B5C9></td>
</tr>
</table>
4. 虚线边框表格
源码如下：
<style type="text/css">
.tb{BORDER-BOTTOM: #000000 1px dotted;BORDER-top: #000000 1px dotted;BORDER-LEFT:
#000000 1px dotted;BORDER-RIGHT: #000000 1px dotted;}
</style>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="tb"><center>www.blueidea.com</td>
</tr>
</table>
<p>
虚线直线1
<hr size=1 style="border:1px dotted #001403;">
虚线直线2
<p size=1 style="border:1px dotted #001403;">
5. 分类型表格
源码如下：
<fieldset>
<legend>item</legend>
content
</fieldset>
6. 变色的单元格1，通过a:hover做
源码如下：
<style>
a:link,a:visited,a:hover
{width:100%;text-decoration:none;font-family:verdana;font-size:10px;color:white}
a:hover{background:#0099ff;color:black}
td{background:#3366cc;color:white;padding:0px}
</style>
新华网侧边栏
作者:cmscn 日期:2007-02-14
引用内容style="Z-INDEX: 1; LEFT: 778px; WIDTH: 219px; POSITION: absolute; TOP: 227px; HEIGHT: 117px"><IFRAME
border=0 name=gg marginWidth=0 frameSpacing=0 marginHeight=0
src="/skin/img/hnews.htm" frameBorder=0 noResize width=220
scrolling=no height=2977 vspale="0"></IFRAME>
<TABLE cellSpacing=0 cellPadding=0 width=220 border=0>
<TBODY>
<TR>
<TD height=28><IMG height=29
src="/skin/img/nsy_didi.gif"
width=220></TD></TR></TBODY></TABLE></DIV>
侧边滚动广告栏
作者:cmscn 日期:2007-02-12
<SCRIPT language=JavaScript>
<!--
var lastScrollY = 0;
function floatRefresh() {
网站配色的基本认识
作者:cmscn 日期:2007-01-19
一组流行的网站配色方案，每一竖行为一组，运用此配色方案应该能够做出很亮丽的站点。
如果更多地浏览一下大型商业网站，就会发现它们更多运用的是白色、蓝色、黄色或其他颜色的搭配，使得网页显得典雅、干净又不失活泼，更重要的是，这种做法使浏览者大大加快了网页的加载速度，配合网站丰富的内容，使整个网站更具吸引力。其内在是以内容吸引人去观看，而不是华丽的外表。
那么如何搭配颜色才能让自己的主页更加绚丽多彩呢？我们常常遇到的问题其实主要是背景颜色和字体颜色的搭配问题：达到既不显得呆板，又不至于过于亮丽而造成过强刺激的视觉效果。一般说来，普通的底色应柔和些，素一些，淡一些，配上黑字，读起来自然、流畅。而为了追求醒目的视觉效果（如标题），可以使用较深的颜色，然后配上对比鲜明的字体如白字、黄字或篮字。其实底色与字体的合理搭配要胜过用背景图画，因为背景图画太花哨，有种不安静的感觉。而纯色给人感觉较好，尤其是看图片多了以后。
之所以管现在叫做读图时代确实是有一定道理的。大家工作都很忙，谁也没时间去看大块大块的文字内容，如果能用图片表达一种涵义，那就最好使用图片传达文字。但是我个人认为还是尽量少用图片，听起来好像有点前后矛盾，其实不然。图片运用是分场合的，这些还需要多体会才成。
传递
作者:cmscn 日期:2007-01-06
<td><input type=text name=laiyuan value='<%response.write laiyuan%>' size="10">
<input type="hidden" name="TxtSource" value="">
<select name="SelTxtSource" onChange="Dosusite(this.options[this.selectedIndex].value);">
<option value="" selected> </option>
<option value="***Clean" style="color:red">清空</option>
<option value="本站原创">本站原创</option>
<option value="起点中文">起点中文</option>
<option value="天下书盟">天下书盟</option>
<option value="天鹰文学">天鹰文学</option>
<option value="幻剑书盟">幻剑书盟</option>
<option value="中国书友网">中国书友网</option>
< lect>
function Dosusite(Source)
{
var TempArray,TempStr;
TempArray=Source.split("***");
if (TempArray[0] != '')
{
if (document.add_frm.laiyuan.value.indexOf(TempArray[0])<0)
{
if (typeof(TempArray[1])=='undefined') TempStr=TempArray[0];
else TempStr='<a href='+TempArray[1].replace(/[\"\']/,'')+'>'+TempArray[0]+'</a>';
if (document.add_frm.laiyuan.value=='') document.add_frm.laiyuan.value=TempArray[0];
else document.add_frm.laiyuan.value = document.add_frm.laiyuan.value + ',' + TempArray[0];
if (document.add_frm.TxtSource.value=='') document.add_frm.TxtSource.value=TempArray[0];
else document.add_frm.TxtSource.value = document.add_frm.TxtSource.value + ',' + TempArray[0];
}
}
if ((TempArray[0] == '')&&(TempArray[1] == 'Clean'))
{
document.add_frm.TxtSource.value = '';
document.add_frm.laiyuan.value = '';
}
return;
}
HTML 标签 详解
作者:cmscn 日期:2006-12-27
HTML指令详解
结构
＜html＞
＜head＞
＜title＞标题＜title＞
＜/head＞
＜body＞..........文件内容..........
＜/body＞
＜/html＞
1.文件标题
＜title＞..........＜/title＞
2.文件更新--＜meta＞
【1】10秒后自动更新一次
＜meta http-equiv="refresh" content=10＞
【2】10秒後自动连结到另一文件
＜meta http-equiv="refresh" content="10；URL=欲连结文件之URL"＞
3.查询用表单--＜isindex>
若欲设定查询栏位前的提示文字：
＜isindex prompt="提示文字"＞
4.预设的基准路径--＜base>
＜base href="放置文件的主机之URL"＞
版面
1.标题文字 ＜h#＞..........＜/h#＞ #=1~6；h1为最大字，h6为最小字
2.字体变化 ＜font＞..........＜/font＞
【1】字体大小 ＜font size=#＞..........＜/font＞ #=1~7；数字愈大字也愈大
【2】指定字型 ＜font face="字型名称"＞..........＜/font＞
【3】文字颜色 ＜font color=#rrggbb＞..........＜/font＞ rr：表红色（red）色码 gg：表绿色（green）色码 bb：表蓝色（blue）色码
3.显示小字体 ＜small＞..........＜/small＞
4.显示大字体 ＜big＞..........＜/big＞
5.粗体字 ＜b＞..........＜/b＞
6.斜体字 ＜i＞..........＜/i＞
7.打字机字体 ＜tt＞..........＜/tt＞
8.底线 ＜u＞..........＜/u＞
9.删除线 ＜strike＞..........＜/strike＞
10.下标字 ＜sub＞..........＜/sub＞
11.上标字 ＜sup>..........＜/sup＞
12.文字闪烁效果 ＜blink＞..........＜/blink＞
13.换行 ＜br＞
14.分段 ＜p＞
15.文字的对齐方向 ＜p align="#"＞ #号可为 left：表向左对齐（预设值） center：表向中对齐 right：表向右对齐 P.S.＜p align="#"＞之後的文字都会以所设的对齐方式显示， 直到出现另一个＜p align="#"＞改变其对齐方向，或遇到 ＜hr＞ⅱ＜h#＞标签时会自动设回预设的向左对齐。
16.分隔线 ＜hr＞
【1】分隔线的粗细 ＜hr size=点数＞
【2】分隔线的宽度 ＜hr size=点数或百分比＞
【3】分隔线对齐方向 ＜hr align="#"＞ #号可为 left：表向左对齐（预设值） center：表向中对齐 right：表向右对齐
【4】分隔线的颜色 ＜hr color=#rrggbb＞
【5】实心分隔线 ＜hr noshade＞
17.向中对齐 ＜center＞..........＜/center＞
18.依原始样式显示 ＜pre＞..........＜/pre＞
19.＜body＞指令的属性
【1】背景颜色 -- bgcolor ＜body bgcolor=#rrggbb＞
【2】背景图案 -- background ＜body background="图形文件名"＞
【3】设定背景图案不会卷动 -- bgproperties ＜body bgproperties=fixed＞
【4】文件内容文字的颜色 -- text ＜body text=#rrggbb＞
【5】超连结文字颜色 -- link ＜body link=#rrggbb＞
【6】正被选取的超连结文字颜色 -- vlink ＜body vlink=#rrggbb＞
【7】已连结过的超连结文字颜色 -- alink ＜body alink=#rrggbb＞
20.注解 ＜!--..........--＞21.特殊字元表示法
符 号 语 法
＜ ＆ｌｔ
＞ ＆ｇｔ
& ＆ａｍｐ
" ＆ｑｕｏｔ
空白 ＆ｎｂｓｐ
图片
1.插入图片 ＜img src="图形文件名"＞
2.设定图框 -- border ＜img src="图形文件名" border=点数＞
3.设定图形大小 -- widthⅱheight ＜img src="图形文件名" width=宽度点数 height=高度点数＞
4.设定图形上下左右留空 -- vspaceⅱhspace ...
