在網頁中,有時候需要對某個元素進行鼠標懸浮時的樣式設置,這是可以使用jQuery來實現的。下面是一些示例代碼,我們可以在它們的基礎上進行修改,以滿足我們的需求。
// 使用默認的鼠標懸浮樣式 $('selector').hover(function() { $(this).css('cursor', 'pointer'); }); // 使用自定義的鼠標懸浮樣式 $('selector').hover(function() { $(this).css('cursor', 'url(images/your_custom_cursor.cur), auto'); }); // 懸浮時添加或刪除class,進而改變元素樣式 $('selector').hover( function() { $(this).addClass('your_class'); }, function() { $(this).removeClass('your_class'); } ); // 其他用法 $('selector').hover(function() { // do something });
在上面的代碼片段中,我們可以看到,每個示例都使用了jQuery的hover函數。hover函數包含兩個參數,第一個參數是鼠標進入時執行的回調函數,第二個參數是鼠標離開時執行的回調函數。我們可以在這兩個回調函數中進行樣式的設置,以達到我們想要的效果。如果要實現一些復雜的效果,我們也可以在回調函數中添加更多的代碼。
上一篇css div邊框代碼
下一篇css div縫隙