如何在JQuery中编辑'clip'CSS属性?

Snip3r_now

我需要编辑此“剪辑” CSS属性:

#bulb_light {
   position: absolute;
   clip:rect(260px, 160px, 260px, 0px);
}

但不是通常,而是由于Jquery的帮助,所以我尝试了以下方法:

// CSS编辑

$("#bulb_light").css('clip', function () {
        return 'rect(' + newy + 'px, 160px, 260px, 0px);';
    });

在点击事件中:

$('#Wsender').click(function () {
**//CSS editing** });

请注意,“ newy ”是我创建的变量,该变量应替换“ clip”属性的第一个参数:

rect(newypx, 160px, 260px, 0px);

就是那样

问题是代码不工作时,我用jQuery增加这个功能,但我发现它的权利在这里在计算器上。有什么问题吗?

这是完整的源代码供参考

编码阴谋

只是一个小问题,您不能在CSS值的末尾添加分号以使其起作用:

$("#bulb_light").css('clip', function () {
    return 'rect(' + newy + 'px, 160px, 260px, 0px)' /* <-- Removed semicolon */;
});

另外,我不确定在哪里newy定义,除非newy为此每个元素都需要计算,否则可能不需要函数回调

$("#bulb_light").css('clip', 'rect(' + newy + 'px, 160px, 260px, 0px)');

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章