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'
	});
	
});
Categories: jQuery