update buttons
This commit is contained in:
parent
66d5f9eded
commit
ce30e1391e
3 changed files with 14 additions and 5 deletions
|
@ -6,7 +6,9 @@
|
|||
|
||||
var div = document.createElement('div');
|
||||
|
||||
div.classList.add('ripple-effect');
|
||||
for (var i = 0, length = btn.classList.length; i < length; i++) {
|
||||
div.classList.add(btn.classList[i] + '-ripple-effect');
|
||||
}
|
||||
|
||||
var offsetX = e.offsetX || 0;
|
||||
var offsetY = e.offsetY || 0;
|
||||
|
@ -16,7 +18,12 @@
|
|||
div.style.top = offsetY + 'px';
|
||||
}
|
||||
|
||||
btn.appendChild(div);
|
||||
var firstChild = btn.firstChild;
|
||||
if (firstChild) {
|
||||
btn.insertBefore(div, btn.firstChild);
|
||||
} else {
|
||||
btn.appendChild(div);
|
||||
}
|
||||
|
||||
div.addEventListener("animationend", function () {
|
||||
div.parentNode.removeChild(div);
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue