本文實例講述了JS實現鼠標滑過鏈接改變網頁背景顏色的方法。分享給大家供大家參考,具體如下:
這個小特效很不錯,用鏈接改變網頁背景色,鼠標放上鏈接文字上,網頁背景就會跟著變換,想讓你的主頁更個性一點的朋友,這個代碼一定能用上,其實你可在此基礎上修改一下代碼,改成鼠標放上文字切換樣式表,這樣整個網頁就變了風格,是不是很實用?
運行效果截圖如下:

在線演示地址如下:
http://demo.VeVB.COm/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程序設計有所幫助。
新聞熱點
疑難解答