Question

jQuery怎么控制一个盒子中心不变,长度、宽度变两倍？

jQuery怎么控制一个盒子中心不变,长度、宽度变两倍

Answer 1

<div id="box" style="position:absolute; left:200px; top:200px; width:100px; height:100px; background-color:red"></div>
<button id="btn">点我长宽放大一倍</button>
<script>
$(function(){
$("#btn").click(function(){
$("#box").css({left:150,top:150,width:200,height:200});
});
});
</script>
注：在width和height各自放大一倍的同时，left和top也要各自减少原来的width和height的一半，这样中心位置就会保持不变