我试图淡入一个div,保持屏幕上几秒钟,然后淡出它.问题是它不会停留在屏幕上,只要我预期,即使设置延迟约10秒,它只能暂时保持在屏幕上.我读过很多帖子,尝试了很多事情,比如settimeout,但是我不会那么快.

这是我的脚本：

<script type="text/javascript">
    function pageLoad() {
    $("[id*=lnkSelect]").live("click",function () {
    var price = $("#price").html($(".prodprice",$(this).closest('tr').prev().children   ('td.prodpricelabel')).html());
    var code = $("#code").html($(".prodcode",$(this).closest('tr').prev().prev().children ('td.prodcodelabel')).html());
    //Build the new HTML
    $(code).prepend("<br/>Item: ");
    $(code).append("<br/>Has been<br/>added to your cart.<br/>Price: ");
    $(".tooltipleft").html(code); //Set the new HTML
    $(".tooltipleft").append(price);
    $(".tooltipleft").fadeIn('slow').delay(5000).fadeOut('slow');
    });
    };
    </script>

所以我从html获得产品代码和价格,修改div中的html,然后将其作为通知将项目添加到购物车中.

这是我要褪色的div：

<div class="tooltipleft" id="tooltip">
    <span id="code"></span><span id="price"></span>
    </div>

和网格中的按钮：

<asp:ImageButton ID="lnkSelect" runat="server" ImageUrl="~/Buttons/add_to_cart.png"
    AlternateText="Add To Cart" CommandArgument='<%# Eval("ProductID") %>' CommandName="Add"
    ImageAlign="Right" />

感谢任何帮助或意见.

干杯
厘米

$(function () {
  $('.tooltipleft').fadeIn('slow',function () {
    $(this).delay(5000).fadeOut('slow');
  });
});