首頁 > web前端 > js教程 > JS實作滑鼠滑過連結改變網頁背景顏色的方法_javascript技巧

JS實作滑鼠滑過連結改變網頁背景顏色的方法_javascript技巧

WBOY
發布: 2016-05-16 15:36:00
原創
1443 人瀏覽過

本文實例講述了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程式設計有所幫助。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板