AJAX Toolkit -- AlwaysVisibleControl

在AJAX Toolkit中有个AlwaysVisibleControl的扩展控件，它主要是用于在界面上始终显示用户控件，无论页面如何移动，其实类似于我们经常看到的飞来飞去的广告。

在该控件中有以下几个属性：

• TargetControlID - 目标控件的编号
• HorizontalOffset - 水平位置的补偿，默认为0px
• HorizontalSide - 相对于浏览器的水平位置，默认为left
• VerticalOffset - 垂直位置的补偿，默认为0px
• VerticalSide - 相对于浏览器的垂直位置，默认为Top
• ScrollEffectDuration - 当滚动浏览器页面的时候，该目标控件重定位的时间，默认为0.1秒

示例代码：

 

    <script type="text/javascript" language="javascript">
        function updateTime()
        {
            var label = document.getElementById("ctl00_ContentPlaceHolder1_Label2");
//            alert(label);
            if(label){
            var time = (new Date()).localeFormat("T");
//            alert(time);
            label.innerHTML = time;
            }
        }
        updateTime();
        window.setInterval(updateTime, 1000);
    </script>

    <div>
        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
            <ContentTemplate>
                <asp:Panel ID="Panel1" runat="server" Width="200px" BorderColor="#66CCFF" BorderStyle="Solid"
                    BorderWidth="3px">
                    <asp:Label ID="Label1" runat="server" Text="Advertisement"></asp:Label>
                    <br />
                    <asp:Label ID="Label2" runat="server" Text="Current Time"></asp:Label>
                </asp:Panel>
                <cc1:AlwaysVisibleControlExtender ID="Panel1_AlwaysVisibleControlExtender" runat="server"
                    Enabled="True" TargetControlID="Panel1" VerticalSide="Top" VerticalOffset="20"
                    HorizontalSide="Right" HorizontalOffset="20" ScrollEffectDuration="0.1">
                </cc1:AlwaysVisibleControlExtender>
            </ContentTemplate>
        </asp:UpdatePanel>
    </div>

这样在画面的右上角就会始终出现一个显示当前时间的控件