mirror of
https://github.com/Derpy-Leggies/OnlyLegs.git
synced 2025-01-18 20:38:31 +00:00
1a541bc288
The bind() method is used to create functions with specific `this` values and, optionally, binds arguments to specific values. When used to specify the value of `this`, it's important that the function actually uses `this` in its function body.
26 lines
889 B
JavaScript
26 lines
889 B
JavaScript
document.addEventListener('DOMContentLoaded', function() {
|
|
let labels = document.querySelectorAll('[data-label]');
|
|
|
|
for (let i = 0; i < labels.length; i++) {
|
|
labels[i].addEventListener('mouseover', function() {
|
|
let label = document.createElement('div');
|
|
label.classList.add('label');
|
|
label.innerHTML = this.dataset.label;
|
|
|
|
document.body.appendChild(label);
|
|
|
|
label.style.left = (this.offsetLeft + this.offsetWidth + 8) + 'px';
|
|
label.style.top = (this.offsetTop + (label.offsetHeight / 2) - 2) + 'px';
|
|
|
|
setTimeout(function() {
|
|
label.style.opacity = 1;
|
|
}, 250);
|
|
});
|
|
|
|
labels[i].addEventListener('mouseout', function() {
|
|
let label = document.querySelector('.label');
|
|
label.parentNode.removeChild(label);
|
|
});
|
|
}
|
|
});
|