javascript - 单击时显示和隐藏图像

Question

我在一个高度和宽度为 100 像素的表格中有用户个人资料图片。我还有单选按钮来设置个人资料图片的可见性（公共、私人等）。这些是使用 ajax 更新的。

我想知道的是如何在个人资料图片上方显示图像（例如“success.png”）并在 2 秒后淡出？

<table class="profimg">
<tr><td align="center"><img class="profimg" src="../images/user/profile/1c4ca4238a0b923820dcc509a6f75849b1.jpg" alt="Administratorasdf" /></td></tr>
<tr><td align="center"><input type='radio' title='Publicly Visible' name='img_pub' onclick="upimg1()" /> <input type='radio' title='Visible Only To Users' value='UsersOnly' name='img_pub' onclick="upimg2()" /> <input type='radio' title='Visible Only To You' value='Hide' name='img_pub' onclick="upimg3()" checked='checked'/></td></tr>
</table>

Answer 1

我添加了一个 ID 为“成功”的 img 标签。这个标签是淡入淡出的图像。

$("#rad").click(function () {
    $("#success").fadeIn(500).delay(1000).fadeOut(1000);
});

不要忘记包含 jquery 库。检查这个演示

Answer 2

<script type="text/javascript"> 
    $(document).ready(function(){
    $(".profimg").click(function(){
        $("this").slideToggle("slow");
      });
    });
</script>

不要忘记使用 jquery 库。这不会花费 2 秒。但它会起作用的。您可以使用 settimeout 函数设置时间间隔。谷歌它