https://miucen.ucentral.cl/javax.faces.resource/js/ripple.js.xhtml?ln=ultima-layout

1$(function() {     
2
3    var ink, d, x, y;
4    $(document.body).off('mousedown.ripple','.ripplelink,.ui-button,.ui-selectlistbox-item,.ui-multiselectlistbox-item,.ui-tabs-header,.ui-fieldset-toggler')
5            .on('mousedown.ripple','.ripplelink,.ui-button,.ui-selectlistbox-item,.ui-multiselectlistbox-item,.ui-tabs-header,.ui-fieldset-toggler', null, function(e){
6        var element = $(this);
7        
8        if(element.find(".ink").length === 0){
9            if(element.hasClass('ripplelink'))
10                element.children('span').after("<span class='ink'></span>");
11            else
12                element.append("<span class='ink'></span>");
13        }
14             
15        ink = $(this).find(".ink");
16        ink.removeClass("animate");
17         
18        if(!ink.height() && !ink.width()){
19            d = Math.max($(this).outerWidth(), $(this).outerHeight());
20            ink.css({height: d, width: d});
21        }
22         
23        x = e.pageX - $(this).offset().left - ink.width()/2;
24        y = e.pageY - $(this).offset().top - ink.height()/2;
25         
26        ink.css({top: y+'px', left: x+'px', 'pointer-events': 'none'}).addClass("animate");
27    });
28});