jQuery是一種流行的JavaScript庫,可以輕松地操作HTML元素。其中一個常見的操作就是在鼠標懸停在元素上時使其邊框發亮。在這篇文章中,我們將使用jQuery來添加DIV的邊框發亮效果,讓你的網頁更加動態和吸引人。
// 添加鼠標懸停事件 $("div").hover(function() { // 鼠標懸停時的操作 $(this).css("border", "3px solid #ffbf00"); $(this).css("box-shadow", "0 0 10px #ffbf00"); }, function() { // 鼠標離開時的操作 $(this).css("border", ""); $(this).css("box-shadow", ""); });
以上代碼片段展示了如何使用jQuery給DIV元素添加鼠標懸停事件。在鼠標懸停時,將該元素的邊框設為3像素的橙色邊框并添加一個具有陰影效果的框。當鼠標移開時,將該元素的邊框和陰影清除,恢復到原來的狀態。
這個效果不僅可以用于DIV元素,還可以用于圖片、鏈接等其他元素。你可以選擇適合你網頁主題的顏色,并自定義邊框的寬度和陰影效果。
通過使用上述代碼,你可以使你的網頁看起來更加生動、動態和吸引人,讓用戶在使用時獲得更好的用戶體驗。