Question

我在一张表中有用户个人资料图片，其高度和宽度为100px。我还有单选按钮来设置个人资料图片的可见性（公共，私人等）。这些是使用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为'success'的img标记。此标记是淡入和淡出的图像。

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

别忘了包含jquery库。查看this demo

Answer 2

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

不要忘记使用jquery库。这不会花费2秒。但它会起作用。你可以使用settimeout函数来获取时间间隔。 google for it

显示和隐藏图像onclick

2 个答案: