Question

如果要改变宽度或高度，我如何在div的背景大小上使用JQuery＆＃39; animate()，而不是两者都改变。

例如，如果我想更改宽度，可能会发生以下情况吗？

$("#buttonPic").animate({
    backgroundSizeW: "-=20px",
});

我在SO

上找不到类似的问题

Answer 1

我对backgroundSizeW属性有疑问，对我来说似乎有点无效：

$("#buttonPic").animate({
    backgroundSize: "-=20px auto"  // <-----it should work
});

Answer 2

.animate()功能可以按如下方式使用

$( "#go" ).click(function() {
  $( "#block" ).animate({
    width: "200px",
    }, 1500 );
});

div {
    background-color: #bca;
    width: 100px;
    border: 1px solid green;
  }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<button id="go">&raquo; Run</button>
<div id="block">Hello!</div>

Answer 3

background-size

可以animate()背景宽度高度

$( "#buttonPic" ).click(function() {
  $( "#divBlock" ).animate({
    "background-size": "-=20px",
    }, 1500 );
});

Answer 4

也许，你可以改变想法，例如：

$("#buttonPic").animate({
    backgroundSize: "40px 60px",
});

如果你想要＆＃39;宽度＆＃39;是一个变量＆＃39;，您可以将宽度设置为固定值;只需：

var wid=60;
wid-=20;

动画背景大小的宽度或高度

4 个答案: