javascript - 渐进式填充颜色和隐藏图像

Question

请在这件事上提供一些帮助，我将不胜感激。

我有一些 div 形成 200x200px 的正方形，里面有一个厚实的白色边框和一个图像。我希望当我单击“确定”菜单图标（“refs”）时，它会以这种方式显示，当我单击另一个（“技能”）时，它将隐藏图像并用白色和从下到上为渐进式填充颜色设置动画，在正方形中间形成一个特定的词。你能帮我解决这个问题吗：）

谢谢你

Answer 1

为此，您可以在 jquery 中获取 .animate() 或 .fadeIn() 。 http://api.jquery.com/fadeIn/

更多解释：你给所有的方块一个通用的类名，然后为这个类调用一个点击函数。

 $('.imagesquares').click(function(){
     Function for fadeIn and close goes here
 });

查看提供的fadeIn() 示例，我认为您可以顺利进行。

干杯