增加点击图片的大小

Question

看到图像意味着什么，这很简单，如果再次单击它，我还需要缩小图像，还需要对其进行动画处理：

图片链接http://www.keironlowecreative.x10hosting.com/Help.png

Answer 1

jQuery的

$(document).ready(function(){        
   $("#what > img").click(function () {
      $("img").toggle("slow");
   });    
});

html

<div id="what">
  <img src="small_img" />
  <img src="big_img" style="display: none" />
</div>

拨动

Answer 2

您可以为此使用水平手风琴插件之一。

Answer 3

请问内联样式...像素不准确。 使用同一张图片两次，一个div在另一个上方：

<div id="wrapper" style="position:relative; height:20px;">
  <div id="top" style="background:url(...) top left no-repeat; position:absolute; height: 20px; width:18px; top:0; left:0; z-index:2;"></div>
  <div id="under" style="background:url(...) top right no-repeat; position:absolute; height:20px; width:20px; top:0; left:2px; z-index:1;"></div>
</div>

因此，最上面的div显示的是加号和左角。 底部div显示的是右上角-超过两个像素，因此未显示在顶部元素的角下。 如果图像不透明，那没关系...

对下div的宽度进行动画处理以获得效果。 没有褪色，只有一张图像。 应该很小并且可以快速设置动画。