gpt4 book ai didi

javascript - Mousemove 不在服务器上循环——但在 jsbin 中有效

转载 作者:行者123 更新时间:2023-11-29 19:57:18 26 4
gpt4 key购买 nike

这可能是一个一般的 javascript 问题,但它让我抓狂。我有一个函数可以检测 mousemove 事件中的 pageX 和 pageY,并将它们分配给 css 渐变。

$(function(){
var mouseX = 0, mouseY = 0;
$(document).mousemove(function(e){
mouseX = e.pageX;
mouseY = e.pageY;
});

// cache the selector
var follower = $("#follower");
var xp = 0, yp = 0;
var loop = setInterval(function(){
// change 12 to alter damping higher is slower
xp += (mouseX - xp) / 12;
yp += (mouseY - yp) / 12;
follower.css({
background : '-webkit-radial-gradient('+xp+' '+yp+', ellipse cover, rgba(12,47,63,0) 0%,rgba(10,37,49,1) 27%,rgba(5,10,10,1) 100%)'
});

}, 30);
});

真正让我抓狂的是它适用于 jsbin:

http://jsbin.com/owuxep/3/edit

但不在我的服务器上(甚至桌面上)。任何帮助将不胜感激。

http://paulclarkphoto.com/mouseFollow/``

最佳答案

在你的 css 字符串中的值后添加“px”在 Chrome 中为我修复了它。

background: '-webkit-radial-gradient('+xp+'px '+yp+'px, ellipse cover,  rgba(12,47,63,0) 0%,rgba(10,37,49,1) 27%,rgba(5,10,10,1) 100%)'

奇怪的是它可以在 JS Bin 上运行......

关于javascript - Mousemove 不在服务器上循环——但在 jsbin 中有效,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15772957/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com