Content added Content deleted
No edit summary |
No edit summary Tag: Reverted |
||
Line 9: | Line 9: | ||
}); |
}); |
||
} |
} |
||
}); |
|||
$(document).ready(function() { |
|||
$('.shortBox').on('mousemove', function(event) { |
|||
var $this = $(this); |
|||
var offset = $this.offset(); |
|||
var width = $this.width(); |
|||
var height = $this.height(); |
|||
var centerX = offset.left + width / 2; |
|||
var centerY = offset.top + height / 2; |
|||
var mouseX = event.pageX; |
|||
var mouseY = event.pageY; |
|||
var rotateX = (centerY - mouseY) / height * 10; |
|||
var rotateY = (mouseX - centerX) / width * 10; |
|||
$this.css('transform', 'rotateX(' + rotateX + 'deg) rotateY(' + rotateY + 'deg)'); |
|||
}); |
|||
$('.shortBox').on('mouseleave', function() { |
|||
$(this).css('transform', 'rotateX(0) rotateY(0)'); |
|||
}); |
|||
}); |
}); |
Revision as of 03:50, 3 June 2024
/* Any JavaScript here will be loaded for all users on every page load. */
$(document).ready(function() {
if (mw.config.get('wgPageName') === 'Maps') {
$('.shortBox').hide(); // Hide all .shortBox divs initially
$('.shortBox').each(function(index) {
$(this).delay(50 * index).fadeIn(600); // Delay and fade in each .shortBox
});
}
});
$(document).ready(function() {
$('.shortBox').on('mousemove', function(event) {
var $this = $(this);
var offset = $this.offset();
var width = $this.width();
var height = $this.height();
var centerX = offset.left + width / 2;
var centerY = offset.top + height / 2;
var mouseX = event.pageX;
var mouseY = event.pageY;
var rotateX = (centerY - mouseY) / height * 10;
var rotateY = (mouseX - centerX) / width * 10;
$this.css('transform', 'rotateX(' + rotateX + 'deg) rotateY(' + rotateY + 'deg)');
});
$('.shortBox').on('mouseleave', function() {
$(this).css('transform', 'rotateX(0) rotateY(0)');
});
});