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>   

    效果:(看滚动条)

    在页面顶部时

    在页面底部时

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

     
  • 相关阅读:
    SSH学习-struts2整合spring报错'Could not open ServletContext resource [/WEB-INF/applicationContext.xml]'
    YAML学习
    配置composer代理
    Windows下配置PHPUnit(pear已弃用,使用phpunit.phar)
    算法-第四版-练习1.3.9解答
    算法-第四版-练习1.3.10解答
    算法-第四版-练习1.3.11解答
    算法-第四版-练习1.3.12解答
    算法-第四版-练习1.3.13解答
    算法-第四版-练习1.3.14解答
  • 原文地址:https://www.cnblogs.com/hainange/p/6153363.html
Copyright © 2011-2022 走看看