imge jquery懸浮插件是一個非常實用的插件,它可以讓你的圖片在懸浮狀態下實現特效,讓你網頁元素更具生氣。
這個插件的使用非常簡單,只需要在網頁中引入jquery和imge.jquery.js文件即可。下面是該插件的基本使用方式。
$(document).ready(function(){ //設置懸浮特效 $(".img-hover").imge({ //設置默認狀態 origin: "http://example.com/img/default.jpg", //設置懸浮狀態 hover: "http://example.com/img/hover.jpg" }); });
以上代碼是設置一個默認狀態為default.jpg,懸浮狀態為hover.jpg的特效。使用該插件可以實現非常多種不同的效果,比如圖片翻轉、放大縮小等等。下面是一個圖片翻轉的示例,可以看到鼠標懸浮在圖片上時,圖片會順時針旋轉360度。
$(document).ready(function(){ //設置翻轉特效 $(".img-hover").imge({ //設置默認狀態 origin: "http://example.com/img/default.jpg", //設置翻轉狀態 hover: "http://example.com/img/hover.jpg", //設置鼠標懸浮時的效果 effect: "rotate(360deg)" }); });
這個插件的設置非常靈活,你可以根據自己的需求輕松實現不同的效果。
上一篇img jquery