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