zoukankan      html  css  js  c++  java
  • altas(ajax)控件(二):悬浮面板控件AlwaysVisibleControl

    AlwaysVisibleControl是一个简单的控件 用来显示在页面上的一个相对固定位置,随着窗口的滚动和大小改变,它会随着移动,可以用来做浮动广告等.

     

    AlwaysVisibleControl 属性

    <ajaxToolkit:AlwaysVisibleControlExtender ID="ace" runat="server"

        TargetControlID="timer"        

        VerticalSide="Top"

        VerticalOffset="10"

        HorizontalSide="Right"

        HorizontalOffset="10"

        ScrollEffectDuration=".1"/>

    TargetControlID控件的ID

    HorizontalOffset控件距离浏览器的水平边距. 默认是0px

    HorizontalSide - 水平停靠方向。可选择(Left, Center, or Right)。默认是Left

    VerticalOffset -控件距离浏览器的垂直边距. 默认是0px

    VerticalSide -垂直停靠方向。可选择(Top, Middle, or Bottom)。默认是Top

    ScrollEffectDuration 控件复位时间,默认时间是0.1,单位是秒。

    测试

    <body>

    <script type="text/javascript" language="javascript">

     

        updateTime();

     

        window.setInterval(updateTime, 1000);

     

        function updateTime()

     

        {

     

            var label = document.getElementById("currentTime");

     

            if (label) {

     

                label.innerText = (new Date()).toLocaleTimeString();

     

            }

     

        }

     

    </script>

        <form id="form1" runat="server">

            <asp:ScriptManager ID="ScriptManager1" runat="server" />

    <ajaxToolkit:AlwaysVisibleControlExtender ID="AlwaysVisibleControlExtender1" runat="server"

            TargetControlID="Panel1"

            VerticalSide="Top"

            VerticalOffset="100"

            HorizontalSide="Right"

            HorizontalOffset="100"

            ScrollEffectDuration="1" >

    </ajaxToolkit:AlwaysVisibleControlExtender>

            <asp:Panel ID="Panel1" runat="server" Height="50px" Width="125px">

                <div style=" 100px; height: 100px">

                当前时间:

                    <div id="currentTime" style=" 106px; height: 42px">

                    </div>

                </div>

            </asp:Panel>

    </form>   

    效果:(看滚动条)

    在页面顶部时

    在页面底部时

    控件始终在可见页面的顶部。该控件适合做广告条^_^

     
  • 相关阅读:
    贝叶斯思想的实质之我见
    强化学习基础概念理解
    Thinkpad x200用户只能放弃生化危机5(PC版), 希望能全速运行星际争霸2!
    This is it
    今天自己掏腰包去买联通iPhone有几位?
    今天是我的生日:)
    2009已经到来 / 2009 Just the Beginning
    好评如潮的PS3游戏《抵抗2 Resistance2》你玩了吗?
    生化危机5 / BIOHAZARD5 简直就是一款完美的印钞机?(+2009.4.9)
    一部好电影《第九区 District 9》
  • 原文地址:https://www.cnblogs.com/hainange/p/6153363.html
Copyright © 2011-2022 走看看