Javascript 使用jQuery更新图像剪辑

Javascript 使用jQuery更新图像剪辑,javascript,jquery,css,Javascript,Jquery,Css,我正在处理下面的代码。为什么我不能通过范围滑块更改图像剪辑值 $('#myRange')。在('input',function()上{ var nn=$(this.val(); $(“img”).css({ '剪辑':'矩形(0%'+nn+'%,0%,0%)', “-webkit剪辑路径”:“插入(0%+nn+'%,0%,0%), '剪辑路径':'插入(0%'+nn+'%,0%,0%)' }); }); img{ 剪辑:rect(0%50%0%0%); -webkit剪辑路径:插入(0%50%

我正在处理下面的代码。为什么我不能通过范围滑块更改图像剪辑值

$('#myRange')。在('input',function()上{
var nn=$(this.val();
$(“img”).css({
'剪辑':'矩形(0%'+nn+'%,0%,0%)',
“-webkit剪辑路径”:“插入(0%+nn+'%,0%,0%),
'剪辑路径':'插入(0%'+nn+'%,0%,0%)'
});
});
img{
剪辑:rect(0%50%0%0%);
-webkit剪辑路径:插入(0%50%0%0%);
剪辑路径:插入(0%50%0%0%);
}

尝试删除
空格

$('#myRange')。在('input',function()上{
var nn=$(this.val();
$(“img”).css({
'剪辑':'矩形(0%'+nn+'%0%0%)',
“-webkit剪辑路径”:“插入(0%+nn+'%0%0%)”,
“剪辑路径”:“插入(0%+nn+'%0%0%)”
});
});
img{
剪辑:rect(0%50%0%0%);
-webkit剪辑路径:插入(0%50%0%0%);
剪辑路径:插入(0%50%0%0%);
}