使用jquery更新面板动画

我正在尝试使用jquery实现updatepanel动画，我在web上搜索了如何实现它，以下是我到目前为止的代码：

负责人：

#容器
{
填充：10px；
高度：100px；
宽度：200px；
背景：#D3CECE；
边框：1px实心#1E36E7；
}

正文：

var prm=Sys.WebForms.PageRequestManager.getInstance（）；
//连接页事件处理程序-在创建/更新面板时调用
prm.添加页面加载（页面加载）；
//处理程序实现
已加载函数页（发送方，参数）{
变量面板=findPanel（“”，
args.\u面板（支持）；
国际单项体育联合会（小组）{
//找到嵌入的DIV标签容器并淡入淡出
var jPanel=$（面板）；
法代因（1500）；
}
}
功能findPanel（id、面板）{
if（panels==null | | panels.length<1）
返回null；
对于（变量i=0；i

它基本上每4秒更新一个asp:标签，并在代码中使用当前日期时间

我想对Div id=“Container”应用fadeIn效果，但由于某些原因，它不起作用

有人能查一下代码看看我做错了什么吗。

---

谢谢。

您可以在jPanel.fadeIn（1500）之前添加一行；使用jPanel.hide（）；这就应该奏效了

参考链接：

---

findPanel做了什么美元（“#”+id）不会做的事？（或document.getElementById、$find等）执行相同的操作：document.getElementById（“容器”）；完全没有动画。有人能举个简单的例子，让我学习如何使用它吗？你能用代码更新你的帖子吗？如果链接断开或消失，这里将没有有用的信息。

<script type="text/jscript" src="http://code.jquery.com/jquery-latest.js"></script>
<style type="text/css">
    #Container 
    {
        padding: 10px;
        height: 100px;
        width: 200px;
        background: #D3CECE;
        border: 1px solid #1E36E7;
    }
</style>

<form id="form1" runat="server">
<div>    
    <asp:ScriptManager ID="ScriptManager1" runat="server" EnablePartialRendering="true">           
    </asp:ScriptManager>        
    <asp:Timer ID="Timer1" runat="server" Interval="4000" OnTick="Timer1_Tick"></asp:Timer>
    <asp:UpdatePanel ID="upOne" runat="server" UpdateMode="Conditional">
        <Triggers>
            <asp:AsyncPostBackTrigger ControlID="Timer1" EventName="Tick" />
        </Triggers>
        <ContentTemplate>
            <div id="Container">
                <asp:Label ID="LblTime" runat="server" Text="Time to be set"></asp:Label>
            </div>
        </ContentTemplate>
    </asp:UpdatePanel>            


<script type="text/javascript">

    var prm = Sys.WebForms.PageRequestManager.getInstance();        

    // Hook up Page Event Handler - called when panels are created/updated
    prm.add_pageLoaded(pageLoaded);

    // Handler implementation
    function pageLoaded(sender, args) {

        var panel = findPanel("<%= upOne.ClientID %>",
                              args._panelsUpdated);
        if (panel) {
            // find the embedded DIV tag container and fade it in
            var jPanel = $(panel);
            jPanel.fadeIn(1500);
        }
    }

    function findPanel(id, panels) {
        if (panels == null || panels.length < 1)
            return null;

        for (var i = 0; i < panels.length; i++) {
            var el = panels[i];
            if (el.id == id)
                return el;
        }

        return null;
    }

</script>
</div>
</form>