| Server IP : 93.127.173.99 / Your IP : 216.73.216.200 Web Server : LiteSpeed System : Linux in-mum-web669.main-hosting.eu 5.14.0-503.23.2.el9_5.x86_64 #1 SMP PREEMPT_DYNAMIC Wed Feb 12 05:52:18 EST 2025 x86_64 User : u479334040 ( 479334040) PHP Version : 8.2.27 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/u479334040/domains/dtsmachines.com/public_html/js/ |
Upload File : |
class Cursor {
constructor(options) {
this.options = $.extend(true, {
container: "body",
speed: 0.7,
ease: "expo.out",
visibleTimeout: 300
}, options);
this.body = $(this.options.container);
this.el = $('<div class="cb-cursor"></div>');
this.text = $('<div class="cb-cursor-text"></div>');
this.init();
}
init() {
this.el.append(this.text);
this.body.append(this.el);
this.bind();
this.move(-window.innerWidth, -window.innerHeight, 0);
}
bind() {
const self = this;
this.body.on('mouseleave', () => {
self.hide();
}).on('mouseenter', () => {
self.show();
}).on('mousemove', (e) => {
this.pos = {
x: this.stick ? this.stick.x - ((this.stick.x - e.clientX) * 0.15) : e.clientX,
y: this.stick ? this.stick.y - ((this.stick.y - e.clientY) * 0.15) : e.clientY
};
this.update();
}).on('mousedown', () => {
self.setState('-active');
}).on('mouseup', () => {
self.removeState('-active');
}).on('mouseenter', 'a,input,textarea,button', () => {
self.setState('-pointer');
}).on('mouseleave', 'a,input,textarea,button', () => {
self.removeState('-pointer');
}).on('mouseenter', 'iframe', () => {
self.hide();
}).on('mouseleave', 'iframe', () => {
self.show();
}).on('mouseenter', '[data-cursor]', function () {
self.setState(this.dataset.cursor);
}).on('mouseleave', '[data-cursor]', function () {
self.removeState(this.dataset.cursor);
}).on('mouseenter', '[data-cursor-text]', function () {
self.setText(this.dataset.cursorText);
}).on('mouseleave', '[data-cursor-text]', function () {
self.removeText();
}).on('mouseenter', '[data-cursor-stick]', function () {
self.setStick(this.dataset.cursorStick);
}).on('mouseleave', '[data-cursor-stick]', function () {
self.removeStick();
});
}
setState(state) {
this.el.addClass(state);
}
removeState(state) {
this.el.removeClass(state);
}
toggleState(state) {
this.el.toggleClass(state);
}
setText(text) {
this.text.html(text);
this.el.addClass('-text');
}
removeText() {
this.el.removeClass('-text');
}
setStick(el) {
const target = $(el);
const bound = target.get(0).getBoundingClientRect();
this.stick = {
y: bound.top + (target.height() / 2),
x: bound.left + (target.width() / 2)
};
this.move(this.stick.x, this.stick.y, 5);
}
removeStick() {
this.stick = false;
}
update() {
this.move();
this.show();
}
move(x, y, duration) {
gsap.to(this.el, {
x: x || this.pos.x,
y: y || this.pos.y,
force3D: true,
overwrite: true,
ease: this.options.ease,
duration: this.visible ? (duration || this.options.speed) : 0
});
}
show() {
if (this.visible) return;
clearInterval(this.visibleInt);
this.el.addClass('-visible');
this.visibleInt = setTimeout(() => this.visible = true);
}
hide() {
clearInterval(this.visibleInt);
this.el.removeClass('-visible');
this.visibleInt = setTimeout(() => this.visible = false, this.options.visibleTimeout);
}
}
// Init cursor
const cursor = new Cursor();