Adipoli jQuery Image Hover Plugin
畫面非常不錯的jQuery Image Hover Plugin,且使用上非常容易
網站上的demo也有教你怎麼搭配效果
在使用之前需要引入該套件的css和javascript(當然jQuery也要引入)
HTML:
<img id="image1" src="johnson.jpg"/>
Javascript
$(document).ready(function(){ //透過startEffect和hoverEffect兩個屬性的搭配可以用出不少好看的效果 $('#image1').adipoli({ 'startEffect' : 'grayscale', 'hoverEffect' : 'normal' }); });