鼠標經過高亮,是網頁設計中經常使用的效果之一。實現這個效果的方法有很多種,而jQuery就是其中一種非常方便好用的工具。
想要實現鼠標經過高亮效果,首先需要先編寫對應的CSS樣式。例如:
.hover { background-color: yellow; }
上述樣式定義了鼠標經過時需要顯示的高亮效果。接下來,再加上jQuery代碼:
$('p').hover(function() { $(this).addClass('hover'); }, function() { $(this).removeClass('hover'); });
代碼中定義了當鼠標經過p標簽時,添加hover類名來顯示高亮效果,鼠標移開時則刪除這個類名。
上述代碼只作用于p標簽,如果想讓其他標簽也支持鼠標經過高亮效果,只需要將代碼中的p改為對應的標簽名即可。
這就是使用jQuery實現鼠標經過高亮效果的方法。它簡單易用,只需要幾行代碼就能實現網頁效果的增強,為用戶帶來更好的體驗。
上一篇jquery#符號的區別
下一篇css 圖片左邊文字右邊