当前页面: 开发资料首页 → Javascript 专题 → 文字链接技术基础
文字链接技术基础
摘要: 文字链接技术基础
<textarea class=fm id=code rows=12 cols=78>
盛夏 尚 涛
一夜露痕黄粉香 袁运甫
瑶池昨夜新凉 王金岭
一朵白莲随意开 吴冠南
新雨迎秋欲满塘 齐辛民
十里荷香 齐辛民
濯清莲而不妖 卢世曙
</textarea>
<input style="CURSOR: hand" onfocus=this.blur() onclick="runEx('code')" type=button value=运行代码> <input style="WIDTH: 95px; CURSOR: hand" onfocus=this.blur() onclick=cycode(code) type=button value=复制到剪贴板 name=Submit> <input style="CURSOR: hand" onfocus=this.blur() onclick=svcode(code) type=button value=另存代码> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
<textarea class=fm id=code1 rows=12 cols=78>
<table width="388" border="1" cellpadding="3" cellspacing="0" bordercolor="#efefef" bgcolor="#efefef">
<tr>
<td onMouseOut="this.bgColor='#efefef';this.borderColor='#efefef'"; onMouseOver="this.bgColor='#cccccc'; this.borderColor='#000033'">每天有每天的事，每天有每天的麻烦。所以不用怕。</td>
</tr>
<tr>
<td onMouseOut="this.bgColor='#efefef';this.borderColor='#efefef'"; onMouseOver="this.bgColor='#cccccc'; this.borderColor='#000033'">让自己不至于在等待回贴的过程中血气上涌</td>
</tr>
<tr>
<td onMouseOut="this.bgColor='#efefef';this.borderColor='#efefef'"; onMouseOver="this.bgColor='#cccccc'; this.borderColor='#000033'">佛曰：一切经典首句应安“如是我闻”等证信的句子</td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0"><tr><td class="doc_sign">
<table width="234" border="0" cellspacing="3" cellpadding="0">
<tr>
<td height="20">没有最好,</td>
<td>只有更好!</td>
</tr>
<tr>
<td height="20">在成为高手之</td>
<td>前先摆脱白痴</td>
</tr>
</table></textarea>
<input style="CURSOR: hand" onfocus=this.blur() onclick="runEx('code1')" type=button value=运行代码> <input style="WIDTH: 95px; CURSOR: hand" onfocus=this.blur() onclick=cycode(code1) type=button value=复制到剪贴板 name=Submit> <input style="CURSOR: hand" onfocus=this.blur() onclick=svcode(code1) type=button value=另存代码> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
滚动公告板,文字链接下划虚线,背景变色:
<textarea class=fm id=code2 rows=12 cols=78> <table width=380 bgcolor=#f7f8f9 border=0 cellspacing=0 style="border:#cccccc 1px solid;" height="18"><tr><td>
</textarea>
<input style="CURSOR: hand" onfocus=this.blur() onclick="runEx('code2')" type=button value=运行代码> <input style="WIDTH: 95px; CURSOR: hand" onfocus=this.blur() onclick=cycode(code2) type=button value=复制到剪贴板 name=Submit> <input style="CURSOR: hand" onfocus=this.blur() onclick=svcode(code2) type=button value=另存代码> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
<textarea class=fm id=code3 rows=12 cols=78>
仍然拣尽寒枝不肯安歇 微带着后悔 寂寞沙洲我该思念谁</textarea>
<input style="CURSOR: hand" onfocus=this.blur() onclick="runEx('code3')" type=button value=运行代码> <input style="WIDTH: 95px; CURSOR: hand" onfocus=this.blur() onclick=cycode(code3) type=button value=复制到剪贴板 name=Submit> <input style="CURSOR: hand" onfocus=this.blur() onclick=svcode(code3) type=button value=另存代码> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
给链接加上一个小小的晶格化滤镜:
<textarea class=fm id=code4 rows=12 cols=78>
<script defer> var ar=document.getElementsByTagName('a') for (var i=0;i
<input style="CURSOR: hand" onfocus=this.blur() onclick="runEx('code4')" type=button value=运行代码> <input style="WIDTH: 95px; CURSOR: hand" onfocus=this.blur() onclick=cycode(code4) type=button value=复制到剪贴板 name=Submit> <input style="CURSOR: hand" onfocus=this.blur() onclick=svcode(code4) type=button value=另存代码> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
用图片修饰一下文字链接：
<textarea class=fm id=code5 rows=12 cols=78>
<input style="CURSOR: hand" onfocus=this.blur() onclick="runEx('code5')" type=button value=运行代码> <input style="WIDTH: 95px; CURSOR: hand" onfocus=this.blur() onclick=cycode(code5) type=button value=复制到剪贴板 name=Submit> <input style="CURSOR: hand" onfocus=this.blur() onclick=svcode(code5) type=button value=另存代码> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
<textarea class=fm id=code6 rows=12 cols=78>
- 金翅擘海
- 知往观来
<input style="CURSOR: hand" onfocus=this.blur() onclick="runEx('code6')" type=button value=运行代码> <input style="WIDTH: 95px; CURSOR: hand" onfocus=this.blur() onclick=cycode(code6) type=button value=复制到剪贴板 name=Submit> <input style="CURSOR: hand" onfocus=this.blur() onclick=svcode(code6) type=button value=另存代码> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
另外可参考css打造多彩文字链接:
<textarea class=fm id=code7 rows=12 cols=78><head>
<body>
腳本特效展示
<input style="CURSOR: hand" onfocus=this.blur() onclick="runEx('code7')" type=button value=运行代码> <input style="WIDTH: 95px; CURSOR: hand" onfocus=this.blur() onclick=cycode(code7) type=button value=复制到剪贴板 name=Submit> <input style="CURSOR: hand" onfocus=this.blur() onclick=svcode(code7) type=button value=另存代码> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
文字链接效果巧制作:
<textarea class=fm id=code8 rows=12 cols=78> HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <head>
</td> </tr>
</textarea><input style="CURSOR: hand" onfocus=this.blur() onclick="runEx('code8')" type=button value=运行代码> <input style="WIDTH: 95px; CURSOR: hand" onfocus=this.blur() onclick=cycode(code8) type=button value=复制到剪贴板 name=Submit> <input style="CURSOR: hand" onfocus=this.blur() onclick=svcode(code8) type=button value=另存代码> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
</td> </tr> </table>↑返回目录
前一篇: 浮动菜单是如何作出来的mouse事件
后一篇: 关于textarea的直观换行