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>   

    效果:(看滚动条)

    在页面顶部时

    在页面底部时

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

     
  • 相关阅读:
    白话OAuth2用户认证及鉴权标准流程
    QQ登录功能之如何获取用于本地测试的APPID
    Spring Security框架下实现两周内自动登录"记住我"功能
    Spring Security之多次登录失败后账户锁定功能的实现
    结合RBAC模型讲解权限管理系统需求及表结构创建
    将Swagger2文档导出为HTML或markdown等格式离线阅读
    结合参数接收响应转换原理讲解SpringBoot常用注解
    详解Spring Security的formLogin登录认证模式
    java应用性能调优之详解System的gc垃圾回收方法
    参与国际化项目需遵循的java命名规范
  • 原文地址:https://www.cnblogs.com/hainange/p/6153363.html
Copyright © 2011-2022 走看看