Javascript 鼠标移动-不适用于firefox

我正在尝试使用javascript的“mousemove”制作一个“动画” 你可以在这里看到

这是我正在使用的代码

$（“body”）.mousemove（函数（e）{
var wWidth=$（“正文”）.width（）/2
var wHeight=$（“body”）.height（）/2
var-posX；
var posY；
posX=e.pageX-（wWidth）；
posY=e.pageY-（wHeight）
posX=标度区间（posX，-90,90，wWidth，-wWidth）；
posY=比例差（posY，-90,90，wHeight，-wHeight）；
//$（“body”）.text（“位置X”+posX.toString（）+“Y”+posY.toString（））；
$（“#hero”）.css（'-webkit transform'，rotate3d（0,1,0'，+（posX）+'deg）+'rotate3d（1,0,0'，+（-posY）+'deg））
});
函数缩放范围（未缩放、最小允许、最大允许、最小、最大）{
返回值（最大允许最小值）*（最小无标度）/（最大最小值）+最小允许值；
}
$（“body”）.mousemove（函数（e）{
var wWidth=$（“正文”）.width（）/2
var wHeight=$（“body”）.height（）/2
var-posX；
var posY；
posX=e.pageX-（wWidth）；
posY=e.pageY-（wHeight）
posX=ScaleBeween（posX，90，-90，wWidth，-wWidth）；
posY=比例差（posY，-90,90，wHeight，-wHeight）；
//$（“body”）.text（“位置X”+posX.toString（）+“Y”+posY.toString（））；
$（“#hero2”）.css（'-webkit transform'，rotate3d（0,1,0'，+（posX）+'deg）+'rotate3d（1,0,0'，+（-posY）+'deg））
});
函数缩放范围（未缩放、最小允许、最大允许、最小、最大）{
返回值（最大允许最小值）*（最小无标度）/（最大最小值）+最小允许值；
}

正文{
宽度：100vw；
高度：100vh；
边际：0px；
}
大英雄先生{
位置：绝对位置；
宽度：100%；
身高：100%；
显示：表格单元格；
垂直对齐：中间对齐；
水平排列：中间；
文本对齐：居中；
z指数：500；
}
img{
宽度：100vw；
高度：50vh；
}
#英雄2{
页边顶部：-5px；
}

$（“body”）.mousemove（函数（e）{
var wWidth=$（“正文”）.width（）/2
var wHeight=$（“body”）.height（）/2
var-posX；
var posY；
posX=e.pageX-（wWidth）；
posY=e.pageY-（wHeight）
posX=标度区间（posX，-90,90，wWidth，-wWidth）；
posY=比例差（posY，-90,90，wHeight，-wHeight）；
//$（“body”）.text（“位置X”+posX.toString（）+“Y”+posY.toString（））；
$（“#hero”）.css（'-webkit transform'，rotate3d（0,1,0'，+（posX）+'deg）+'rotate3d（1,0,0'，+（-posY）+'deg））
$（“#英雄”）.css（“-moz变换”，“rotate3d（0,1,0）”+（posX）+“deg）”+“rotate3d（1,0,0）”+（-posY）+“deg”）
$（“#英雄”）.css（'transform'，'rotate3d（0,1,0'，+（posX）+'deg'）+'rotate3d（1,0,0'，+（-posY）+'deg'））
});
函数缩放范围（未缩放、最小允许、最大允许、最小、最大）{
返回值（最大允许最小值）*（最小无标度）/（最大最小值）+最小允许值；
}
$（“body”）.mousemove（函数（e）{
var wWidth=$（“正文”）.width（）/2
var wHeight=$（“body”）.height（）/2
var-posX；
var posY；
posX=e.pageX-（wWidth）；
posY=e.pageY-（wHeight）
posX=ScaleBeween（posX，90，-90，wWidth，-wWidth）；
posY=比例差（posY，-90,90，wHeight，-wHeight）；
//$（“body”）.text（“位置X”+posX.toString（）+“Y”+posY.toString（））；
$（“#hero2”）.css（'-webkit transform'，rotate3d（0,1,0'，+（posX）+'deg）+'rotate3d（1,0,0'，+（-posY）+'deg））
$（“#hero2”）.css（“-moz变换”，“rotate3d（0,1,0），+（posX）+“deg）”+“rotate3d（1,0,0），+（-posY）+“deg”）
$（“#hero2”）.css（'transform'，'rotate3d（0,1,0'，+（posX）+'deg'）+'rotate3d（1,0,0'，+（-posY）+'deg'））
});
函数缩放范围（未缩放、最小允许、最大允许、最小、最大）{
返回值（最大允许最小值）*（最小无标度）/（最大最小值）+最小允许值；
}

正文{
宽度：100vw；
高度：100vh；
边际：0px；
}
大英雄先生{
位置：绝对位置；
宽度：100%；
身高：100%；
显示：表格单元格；
垂直对齐：中间对齐；
水平排列：中间；
文本对齐：居中；
z指数：500；
}
img{
宽度：100vw；
高度：50vh；
}
#英雄2{
页边顶部：-5px；
}

$（“body”）.mousemove（函数（e）{
var wWidth=$（“正文”）.width（）/2
var wHeight=$（“body”）.height（）/2
var-posX；
var posY；
posX=e.pageX-（wWidth）；
posY=e.pageY-（wHeight）
posX=标度区间（posX，-90,90，wWidth，-wWidth）；
posY=比例差（posY，-90,90，wHeight，-wHeight）；
//$（“body”）.text（“位置X”+posX.toString（）+“Y”+posY.toString（））；
$（“#hero”）.css（'-webkit transform'，rotate3d（0,1,0'，+（posX）+'deg）+'rotate3d（1,0,0'，+（-posY）+'deg））
$（“#英雄”）.css（“-moz变换”，“rotate3d（0,1,0）”+（posX）+“deg）”+“rotate3d（1,0,0）”+（-posY）+“deg”）
$（“#英雄”）.css（'transform'，'rotate3d（0,1,0'，+（posX）+'deg'）+'rotate3d（1,0,0'，+（-posY）+'deg'））
});
函数缩放范围（未缩放、最小允许、最大允许、最小、最大）{
返回值（最大允许最小值）*（最小无标度）/（最大最小值）+最小允许值；
}
$（“body”）.mousemove（函数（e）{
var wWidth=$（“正文”）.width（）/2
var wHeight=$（“body”）.height（）/2
var-posX；
var posY；
posX=e.pageX-（wWidth）；
posY=e.pageY-（wHeight）
posX=ScaleBeween（posX，90，-90，wWidth，-wWidth）；
posY=比例差（posY，-90,90，wHeight，-wHeight）；
//$（“body”）.text（“位置X”+posX.toString（）+“Y”+posY.toString（））；
$（“#hero2”）.css（'-webkit transform'，rotate3d（0,1,0'，+（posX）+'deg）+'rotate3d（1,0,0'，+（-posY）+'deg））
$（“#hero2”）.css（“-moz变换”，“rotate3d（0,1,0），+（posX）+“deg）”+“rotate3d（1,0,0），+（-posY）+“deg”）
$（“#hero2”）.css（'transform'，'rotate3d（0,1,0'，+（posX）+'deg'）+'rotate3d（1,0,0'，+（-posY）+'deg'））
});
函数缩放范围（未缩放、最小允许、最大允许、最小、最大）{
返回值（最大允许最小值）*（最小无标度）/（最大最小值）+最小允许值；
}

正文{
宽度：100vw；
高度：100vh；
边际：0px；
}
大英雄先生{
位置：绝对位置；
宽度：100%；
身高：100%；
显示：表格单元格；
垂直对齐：中间对齐；
水平排列：中间；
文本对齐：居中；
z指数：500；
}
img{
宽度：100vw；
高度：50vh；
}
#英雄2{
页边顶部：-5px；
}

我认为这篇文章可能会帮助您：Firefox使用您正在使用的-moz-transform-webkit-transform，它仅适用于webkit浏览器。替代使用-moz变换：旋转（-90度）-webkit变换：旋转（-90度）；变换：旋转（-90度）；我认为这篇文章可能会帮助您：Firefox使用您正在使用的-moz转换-