这个缩小不是以图片为中心缩小 怎么办我要以图片为中心缩小 没参数可以改么

Question

<script>
$(document).ready(function(){
  $( "#toggle" ).hide('100');
});
</script>这个缩小不是以图片为中心缩小 怎么办我要以图片为中心缩小  没参数可以改么 不要自己设置位置。。

Answer 1

直接好像不是行
用animate来实现 <style>
  #div1{
    border:1px solid #ccc;
    height: 300px;
    width:300px;
    position: relative;
  }
  #div1 img{
    position: absolute;
    width:300px;height:300px
  }
 </style> 
 <div  id='div1' >
    <img id="toggle"   src="http://bbs.csdn.net/assets/sprites_nav-95b6fe330c8dd3e922e15631d27f1a02.gif">
 </div>
   <script  src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
  $(document).ready(function(){
     $( "#toggle" ).animate({
        opacity:0,height:0,width:0,
        left:$("#toggle").width()/2,
        top:$("#toggle").height()/2
     },1000);
  });
</script>

Answer 2

这种东西你也不能怪它，正常排序的东西都是从上到下，从左到右。在你不改变图片位置的情况下，你得安置图片在一个垂直居中水平居中的容器给它才可达到你的要求：<table width="100%" border="1">
    <tr>
        <td valign="middle" align="center" height="300">
            <img src="http://img1.o.cn/upload/1/common/20130107/155459_728955.jpg" alt="0" id="scs" />
        </td>
    </tr>
</table>
<script type="text/javascript">
$(document).ready(function(){
    $( "#scs" ).hide('100');
})
</script>

Answer 3

试试jqueryui，是不是这个效果？？$("#toggle").hide("scale");

Answer 4

$("#toggle").hide("scale"); 这个只有缩小不能放大。。

Answer 5

呵呵。。你不是只要隐藏么～
要切换隐藏/显示就用你$("#toggle").toggle("scale")啊～

Answer 6

$("#toggle").toggle("scale")这个是缩小吧 放大呢

Answer 7

..$.toggle是切换显示/隐藏，你先去看看文档吧～

Answer 8

不知道你有没有权限哈,你可以把图片套在div里面,然后把div设置成上下左右居中就可以了