jQuery是一款流行的JavaScript庫,可以方便地操作HTML文檔、處理事件和操作CSS。其中一個常見的應(yīng)用就是鼠標懸停變色。
$(document).ready(function(){ //當鼠標懸停在目標元素上時,改變背景色和字體顏色 $('.target-element').hover(function(){ $(this).css('background-color','#FFA07A'); $(this).css('color','#FFFFFF'); },function(){ //當鼠標離開時,恢復(fù)原本的樣式 $(this).css('background-color',''); $(this).css('color',''); }); });
在這個示例中,我們使用hover函數(shù)來實現(xiàn)鼠標懸停時的效果。當鼠標懸停在目標元素上時,我們通過jQuery的css函數(shù)改變了元素的背景色和字體顏色。當鼠標離開時,我們使用同樣的方式恢復(fù)原本的樣式。
這個示例展示了如何使用jQuery輕松地實現(xiàn)鼠標懸停變色的效果。使用jQuery可以避免直接操作DOM,簡化了代碼和開發(fā)過程。