JS實現鼠標滑過鏈接改變網頁背景顏色的方法
編輯：關於JavaScript
本文實例講述了JS實現鼠標滑過鏈接改變網頁背景顏色的方法。分享給大家供大家參考，具體如下：
這個小特效很不錯，用鏈接改變網頁背景色，鼠標放上鏈接文字上，網頁背景就會跟著變換，想讓你的主頁更個性一點的朋友，這個代碼一定能用上，其實你可在此基礎上修改一下代碼，改成鼠標放上文字切換樣式表，這樣整個網頁就變了風格，是不是很實用？
運行效果截圖如下：
在線演示地址如下：
http://demo.jb51.net/js/2015/js-mouse-over-link-cha-bgcolor-demo/
具體代碼如下：
<html>
<head>
<title>鼠標放上鏈接改變網頁背景顏色</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<SCRIPT LANGUAGE="JavaScript">
function goHist(a)
{
history.go(a);
}
</script>
</head>
<body>
<center>
<h2>鼠標放到相應鏈接上看看！</h2>
<table border=1 borderlight=green style="border-collapse: collapse" cellpadding="5" cellspacing="0">
<tr><td align=center>
<a href="#" onMouseOver="document.bgColor='skyblue'">天空藍</a>
<a href="#" onMouseOver="document.bgColor='red'">大紅色</a>
<a href="#"onMouseOver="document.bgColor='#0066CC'">清新藍</a>
</td></tr>
</table>
</center>
</body>
</html>
希望本文所述對大家JavaScript程序設計有所幫助。
小編推薦
熱門推薦