?? an6.htm
字號:
<HTML>
<HEAD>
<TITLE>變換鏈接色和底色</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function doColor(item, color, bg) {
item.style.color = color; // changes text color
item.style.backgroundColor = bg; // changes background
}
function undoColor(item) {
item.style.color = "#000000"; // sets color back to black
item.style.backgroundColor = ""; // sets background to default
}
// End -->
</script>
</HEAD>
</HEAD>
<body bgcolor="#fef4d9">
<br>
<br>
<center><font color=red face="隸書" size=6>變換鏈接色和底色</font></center>
<br>
<center>
<table border=5 bordercolor=blue borderlight=green>
<tr><td align=center><font size=5 color=red face="Arial, Helvetica, sans-serif"><strong>下面為效果顯示區!</strong></font></td></tr>
<tr><td align=left height=100 width=300><a name="link1" href="http://www.internet.com/" onmouseover="doColor(link1, 'yellow','black');" onmouseout="undoColor(link1);">internet.com</a>
<p>
<a name="link2" href="http://www.javascriptsource.com/" onmouseover="doColor(link2, 'blue','red');" onmouseout="undoColor(link2);">javascriptsource.com</a>
</td></tr></table></center>
<br>
<br>
<center>
<textarea name=source rows=12 cols=45 class=yk9>
腳本說明:
第一步:把如下代碼加入<head>區域中
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function doColor(item, color, bg) {
item.style.color = color; // changes text color
item.style.backgroundColor = bg; // changes background
}
function undoColor(item) {
item.style.color = "#000000"; // sets color back to black
item.style.backgroundColor = ""; // sets background to default
}
// End -->
</script>
</HEAD>
第二步:在<body>區中加入如下代碼
<a name="link1" href="http://www.internet.com/" onmouseover="doColor(link1, 'yellow','black');" onmouseout="undoColor(link1);">internet.com</a>
<p>
<a name="link2" href="http://www.javascriptsource.com/" onmouseover="doColor(link2, 'blue','red');" onmouseout="undoColor(link2);">javascriptsource.com</a>
</textarea>
<SCRIPT LANGUAGE="JavaScript">
<!-- hide
function goHist(a)
{
history.go(a);
}
//-->
</script>
<FORM METHOD="post">
<INPUT TYPE="button" VALUE="返回" onClick="goHist(-1)" style="background-color: #8000FF; color: rgb(255,255,255)">
</form>
</center>
<br>
<br>
</body>
</html>
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -