| Server IP : 93.127.173.74 / 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/technoservices.co.in/public_html/assets/js/ |
Upload File : |
/*
pointer.js was created by OwL for use on websites,
and can be found at https://seattleowl.com/pointer.
*/
var body = document.body;
body.classList.add("pointer-wrap");
const pointer = document.createElement("div")
pointer.id = "pointer-dot"
const ring = document.createElement("div")
ring.id = "pointer-ring"
//document.body.insertBefore(pointer, document.body.children[0])
//document.body.insertBefore(ring, document.body.children[0])
const $$ = s =>
Array.prototype.slice.call(
document.querySelectorAll(s)
)
const isEl = obj => obj instanceof HTMLElement
const isStr = obj => Object.prototype.toString.call(obj) === '[object String]'
const cursorDot = ({
diameter = 40,
borderWidth = 2,
borderColor = '#ed4e31',
easing = 4,
background = 'transparent'
} = {}) => {
let inited = false
const alt = { x: 0, y: 0, o: 1, d: diameter }
const cur = { x: 0, y: 0, o: 0, d: diameter }
const dot = document.createElement('div')
const tim = easing / 15
dot.style = `position:fixed;z-index:999999;top:0;left:0;border-radius:100%;pointer-events:none;opacity:0;height:${diameter}px;width:${diameter}px;background:${background};border:${borderWidth}px solid ${borderColor};mix-blend-mode:#ed4e31;transition:background ${tim}s,border ${tim}s`
document.addEventListener('mousemove', e => {
alt.x = e.clientX
alt.y = e.clientY
dot.style.opacity = 1
if (!inited) {
document.body.append(dot)
cur.x = alt.x
cur.y = alt.y
inited = true
draw()
}
})
const draw = () => {
const dX = alt.x - cur.x
const dY = alt.y - cur.y
cur.x += (dX / easing)
cur.y += (dY / easing)
const t3d = `translate3d(${cur.x - cur.d / 2}px,${cur.y - cur.d / 2}px,0)`
dot.style.webkitTransform = t3d
dot.style.transform = t3d
const dO = alt.o - cur.o
cur.o += dO / easing
dot.style.opacity = cur.o
const dD = alt.d - cur.d
cur.d += dD / easing
dot.style.height = cur.d + 'px'
dot.style.width = cur.d + 'px'
try {
requestAnimationFrame(draw)
} catch(_) {
setImmediate(draw)
}
}
dot.over = (any, style) => {
const fn = el => {
el.addEventListener('mouseover', _ => {
if (style.background) dot.style.backgroundColor = style.background
if (style.borderColor) dot.style.borderColor = style.borderColor
if (style.scale) alt.d = diameter * style.scale
})
el.addEventListener('mouseout', _ => {
if (style.background) dot.style.backgroundColor = background
if (style.borderColor) dot.style.borderColor = borderColor
if (style.scale) alt.d = diameter
})
}
if (isEl(any)) fn(any)
else if (isStr(any)) $$(any).forEach(fn)
}
return dot
}