悬停时动画div大小并显示图像

Question

  

块引用

如何从中间（悬停时）将div宽度设置为特定宽度

Answer 1

css将div设置为居中：

#divname {width:200px;margin:0px auto;}

jquery的：

$('#divname').hover(
 function(){
  $(this).animate({width:'400px'},300);
 },
 function() {
  $(this).animate({width:'200px'},300);
 });

或者如果你不想让div居中，但仍然不想让div从中间生长，你可以有动画marginLeft：

的CSS：

#divname {width:200px;}

jquery的：

$('#divname').hover(
 function(){
  $(this).animate({width:'400px',marginLeft:'-100px'},300);
 },
 function() {
  $(this).animate({width:'200px',marginLeft:'0px'},300);
 });