Skip to content

jQuery: Element in den Vordergrund holen (z-index)

von dennis

Dieses kleine aber praktische jQuery Plugin holt das aktuelle Element in den Vordergrund, indem der z-index auf maxZIndex gesetzt wird. Wird ein anderes Element angeklickt wird der z-index wieder auf den ursprünglichen Wert zurückgesetzt.

$.fn.zTop = function(opt) {
	var o = $.extend({
		'maxZIndex':1000
	},opt);
	$('.jqueryZTop').each(function(){
		$(this).removeClass('jqueryZTop');
		$(this).zIndex($(this).data('zIndex'));
	});
	$(this).addClass('jqueryZTop');
	$(this).data('zIndex',$(this).zIndex());
	$(this).zIndex(o.maxZIndex);
}

Aufruf dann z.B. so:

$('#beispielDiv').mousedown(function(){
	$(this).zTop();  
});

oder (falls maxZIndex nicht 1000 sein soll) so:

$('#beispielDiv').mousedown(function(){
        $(this).zTop({
              maxZIndex : 999
        });  
});

Aus → JavaScript

No comments yet

Leave a Reply

Note: XHTML is allowed. Your email address will never be published.

Subscribe to this comment feed via RSS

*