Javascript 自定义涟漪效应（我想在内联样式中使用var）

我已经为我的图像上的涟漪效应编写了这部分代码，但它不起作用。有人能帮我弄清楚吗？我想在内联样式中使用var

var HalfBoxWidth=parseFloat（$（“.half left parallax”）.width（）；
var HalfBoxHeight=parseFloat（$（“.half left parallax”）.height（）；
$（“.hlp之后”）.css（“宽度”，半框宽度）；
$（“.hrp之后”）.css（“宽度”，半框宽度）；
$（“.half left parallax”）.mouseover（函数（事件）{
var py=event.pageY-$（“.half left parallax”）.offset（）.top；
var px=event.pageX-$（“.half left parallax”）.offset（）.left；
var fx=parseFloat（（px/半盒宽度）*100）。toFixed（2）；
var fy=解析浮点（（py/半盒高度）*100）。固定（2）；
var cliping=fx+“%”+fy+“%”；
$（“.hlp after”）.css（{“剪辑路径”：“圆圈（剪辑时为150%））}）；
});

这是正确的代码格式

var HalfBoxWidth = parseFloat($('.half-left-parallax').width());
        var HalfBoxHeight = parseFloat($('.half-left-parallax').height());
        $('.hlp-after').css('width', HalfBoxWidth);
        $('.hrp-after').css('width', HalfBoxWidth);
        $(".half-left-parallax").mouseover(function(event){
            var py = event.pageY - $('.half-left-parallax').offset().top;
            var px = event.pageX - $('.half-left-parallax').offset().left;
            var fx = parseFloat(px / HalfBoxWidth * 100).toFixed(2);
            var fy = parseFloat(py / HalfBoxHeight * 100).toFixed(2);
            var cliping = fx + '% ' + fy + '%';
            $(".hlp-after").css({"clip-path":"circle(150% at "+ cliping +")"});            
        });

---

这是代码的正确格式

var HalfBoxWidth = parseFloat($('.half-left-parallax').width());
        var HalfBoxHeight = parseFloat($('.half-left-parallax').height());
        $('.hlp-after').css('width', HalfBoxWidth);
        $('.hrp-after').css('width', HalfBoxWidth);
        $(".half-left-parallax").mouseover(function(event){
            var py = event.pageY - $('.half-left-parallax').offset().top;
            var px = event.pageX - $('.half-left-parallax').offset().left;
            var fx = parseFloat(px / HalfBoxWidth * 100).toFixed(2);
            var fy = parseFloat(py / HalfBoxHeight * 100).toFixed(2);
            var cliping = fx + '% ' + fy + '%';
            $(".hlp-after").css({"clip-path":"circle(150% at "+ cliping +")"});            
        });