jQuery控件从中心点逐渐放大效果

jQuery控件从中心点逐渐放大效果
有时我们需要在画上画一只老鼠,希望图片更大,也就是说图片的宽度和高度都变大了。但在那个时候,左值和顶值不改变,所以它似乎没有从中心点缩放:

从中心点缩放
实现代码如下所示:

# 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控制画面的知识,并逐步扩大的中心点。我们希望能帮助你。如果你想知道更多,请注意网站
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部