1.概述

在瀏覽一些網站時，當鼠標經過導航菜單某一項時，其背景顏色將切換為其他顏色，實現這種簡單的效果會更吸引瀏覽者的注意。

2.技術要點

本實例主要是應用JavaScript方法來動態改變

標簽的背景顏色實現的。當鼠標經過表示的導航菜單時，會觸發onMouseOver事件，然后調用自定義的JavaScript方法改變的背景顏色；當鼠標移出時，會觸發onMouseOut事件，調用自定義的JavaScript方法還原背景顏色為初始值。

在JavaScript中改變

標簽的屬性值時，需要為設置一個id值，然后在JavaScript方法中，根據document對象的getElementById()方法即可獲取單元格對象，接下來就可以修改單元格對象的屬性了。如下代碼所示，展示了如何修改id為td1的單元格的背景顏色。

document.getElementById("td1").style.background="skyblue";

3.具體實現

(1)創建index.jsp頁，編寫鼠標經過事件的JavaScript方法over()和鼠標移出事件的方法out()，在這兩個方法中，修改單元格的背景顏色，關鍵代碼如下：

functionover(id){

document.getElementById(id).style.background="skyblue";

}functionout(id){

document.getElementById(id).style.background="white";

}

(2)在每個導航菜單的

標簽中，設置onMouseOver事件調用JavaScript的over()方法，設置onMouseOut事件調用javaScript的out()方法。關鍵代碼如下：明日圖書明日軟件關于明日購買須知聯系我們

總結

以上是生活随笔為你收集整理的改变mysql的菜单栏的颜色_导航条——动态改变导航菜单的背景颜色的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。