本文實例講述了jQuery實作滑鼠滑過Div層背景變顏色的方法。分享給大家供大家參考。具體實作方法如下: 複製程式碼 程式碼如下: jQuery實現感應滑鼠經過Div層變換圖層背景顏色) <br /> .divbox{ <br /> height:300px;<br /> width:200px;<br /> background:#ffffff;<br /> border:solid 1px #ccc;<br /> float:left;<br /> margin-right:10px;<br /> }<br /> .divOver{<br /> background:#eff8fe;<br /> border:solid 1px #d2dce3;<br /> } <br /> #zztj{color:#ffffff;}<br /> #zztj a,#zztj a:link,#zztj a:visited,#zztj a:active {color:#ffffff;}<br /> #zztj a:hover {color:#ffffff;}<br /> <br /> $(function(){<br /> //當滑鼠滑入時將div的class換成divOver<br /> $('.divbox').hover(function(){<br /> $(this).addClass('divOver'); <br /> },function(){<br /> //滑鼠離開時移除divOver樣式<br /> $(this).removeClass('divOver'); <br /> }<br /> );<br /> });<br /> 區塊A 區塊B 區塊C 提示:如果不顯示預覽效果,請重新整理本頁,因為呼叫了遠端的jquery插件,需要載入完成才能運作。 希望本文所述對大家的jQuery程式設計有所幫助。