有时我们需要在画上画一只老鼠,希望
图片更大,也就是说图片的宽度和高度都变大了。但在那个时候,左值和顶值不改变,所以它似乎没有从中心点缩放:
从中心点缩放
实现代码如下所示:
# DIV1 {宽度:600px;身高:400px;保证金:50px汽车;
位置:相对;
文本对齐:中心;填充左:50px;}
# DIV1 img {位置:绝对;左:0;最高:0;保证金:0汽车;}
$(
函数(){())
$(# DIV1 IMG)。Mouseenter(function(){)
VaR值= 1.5 * $(这)Width();
var H值= 1.5 * $(这)Height();
$(这)
动画({宽度值,
高度:H值,
左:(++(0.5 * $(这个)(Width()) / 2),
顶部:(+(0.5 * $(这个)(Height()) 2)},1000);
})。Mouseleave(function(){)
$(这个)。动画(宽度: 100)
身高:80
左:0px
上图:0px},1000);
});
});
以上是Xiaobi
介绍jQuery
控制画面的知识,并逐步扩大的中心点。我们希望能帮助你。如果你想知道更多,请注意
网站。