不晓得有没有人发过这个教程，反正我百度了半天没找到，自己折腾2小时整出来的。
我用的是PNG格式做的图片，百度一堆的都是GIF格式的做两帧图。
这是效果图：

首先分析一下图片原理，图片没点开前和点开后一个很大的区别在于背景，图没点开前贴吧默认背景是白色的，图点开后背景是黑色的，图片就是通过PNG的半透明做出来。
1.白色背景下，图片的白色被遮盖了，只能显示出黑色，
2.黑色背景下，图片的黑色被遮盖了，只能显示出白色。
理解了上面两点后图片基本能做出来，但会出现一个问题就是两张图重叠的部分，这里就需要通过半透明来实现了。