Berikut plugin Highlight me, yang akan menghighlight image dengan mem-fade image disekitarnya.
(function( $ ){
$.fn.highlightme = function(options) {
var defaults = {
fadespeed : "fast",
fadeopacity : 0.1
};
var options = $.extend(defaults, options);
return this.each(function() {
$(this).mouseenter(function(){
$.each( $(this).siblings() , function(k, v) {
$(v).find("img").stop().fadeTo(options.fadespeed, options.fadeopacity);
});
$(this).find("img").stop().fadeTo(options.fadespeed, 1);
});
$(this).parent().mouseout(function(){
$.each($(this).find("img"), function(k, v){
$(this).stop().fadeTo(options.fadespeed, 1);
});
});
});
};
})( jQuery );
Penggunaan nya :
$(".testah").highlightme({
fadespeed : "fast",
fadeopacity : 0.1
});
hasil nya :
No comments:
Post a Comment