zoukankan      html  css  js  c++  java
  • AjaxControlToolkit学习系列(2) AlwaysVisibleControlExtender

    本章介绍AlwaysVisibleControlExtender的使用方法,大家一定见过漂浮在网页两边,跟随着滚动条滚动的悬浮广告。对了,AlwaysVisibleControlExtender

    能使你轻松实现相同的效果。

    该例子动态显示当前时间:

    首先设置TargetControlID,当然是Panel2了。VerticalSide指垂直停靠位置,大家可以选择TopMiddelBottomHorizontalSide指水平停靠位置,可以选择Left

    CenterRightVerticalOffset是指垂直边距,该属性根据VerticalSide的选择而不同。例如当VerticalSide=Top时,VerticalOffset=50即离浏览器上部边缘50像素;

    VerticalSide=Bottom时,VerticalOffset=50即离浏览器底部边缘50像素,大家自己试验一下。HorizontalOffsetVerticalOffset类似,这里不再重复解释了。

    ScrollEffectDuration指滑动的延迟时间,数值越大滑动得越慢但越平滑,单位是秒。

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="AlwaysVisibleControl.aspx.cs"
    Inherits
    ="AlwaysVisibleControl" %>

    <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
    <title>无标题页</title>
    </head>
    <body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <div>
    <br />
    <br />
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
    do eiusmod tempor
    incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
    exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
    irure dolor
    in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
    pariatur. Excepteur sint occaecat cupidatat non proident, sunt
    in culpa qui officia
    deserunt mollit anim id est laborum.
    <br />
    <br />
    <br />
    <br />
    <br />
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
    do eiusmod tempor
    incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
    exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
    irure dolor
    in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
    pariatur. Excepteur sint occaecat cupidatat non proident, sunt
    in culpa qui officia
    deserunt mollit anim id est laborum.
    <br />
    <br />
    <br />
    <br />
    <br />
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
    do eiusmod tempor
    incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
    exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
    irure dolor
    in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
    pariatur. Excepteur sint occaecat cupidatat non proident, sunt
    in culpa qui officia
    deserunt mollit anim id est laborum.
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
    do eiusmod tempor
    incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
    exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
    irure dolor
    in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
    pariatur. Excepteur sint occaecat cupidatat non proident, sunt
    in culpa qui officia
    deserunt mollit anim id est laborum.
    <br />
    <br />
    <br />
    <br />
    <br />
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
    do eiusmod tempor
    incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
    exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
    irure dolor
    in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
    pariatur. Excepteur sint occaecat cupidatat non proident, sunt
    in culpa qui officia
    deserunt mollit anim id est laborum.
    <br />
    <br />
    <br />
    <br />
    <br />
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
    do eiusmod tempor
    incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
    exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
    irure dolor
    in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
    pariatur. Excepteur sint occaecat cupidatat non proident, sunt
    in culpa qui officia
    deserunt mollit anim id est laborum.
    <br />
    <br />
    <br />
    <br />
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
    do eiusmod tempor
    incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
    exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
    irure dolor
    in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
    pariatur. Excepteur sint occaecat cupidatat non proident, sunt
    in culpa qui officia
    deserunt mollit anim id est laborum.
    <br />
    <br />
    <br />
    <br />
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
    do eiusmod tempor
    incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
    exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
    irure dolor
    in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
    pariatur. Excepteur sint occaecat cupidatat non proident, sunt
    in culpa qui officia
    deserunt mollit anim id est laborum.
    <br />
    <br />
    </div>
    <asp:Panel runat="server" ID="p2">
    <asp:Panel ID="p1" runat="server">
    <div id="txt">
    <%= DateTime.Now.ToString() %>
    </div>
    </asp:Panel>
    </asp:Panel>
    <cc1:AlwaysVisibleControlExtender VerticalSide="top" VerticalOffset="100" HorizontalSide="Right"
    TargetControlID
    ="p2" ID="AlwaysVisibleControlExtender1" runat="server">
    </cc1:AlwaysVisibleControlExtender>
    <%-- 此代码允许拖拽 <cc1:DragPanelExtender TargetControlID="p1" DragHandleID="p1" ID="DragPanelExtender1"
    runat
    ="server">
    </cc1:DragPanelExtender>--%>
    </form>
    </body>

    <script type="text/javascript">
    function startTime()
    {
    var today
    =new Date()
    var year
    =today.getFullYear();
    var month
    =today.getMonth()+1;
    var day
    =today.getDate();

    var h
    =today.getHours()
    var m
    =today.getMinutes()
    var s
    =today.getSeconds()
    // add a zero in front of numbers<10
    year=checkTime(year);
    month
    =checkTime(month);
    day
    =checkTime(day);
    m
    =checkTime(m)
    s
    =checkTime(s)
    if(document.getElementById('txt')!=null)
    {
    document.getElementById(
    'txt').innerHTML="<h1>"+year+"-"+month+"-"+day+" "+ h+":"+m+":"+s+"</h1>";
    t
    =setTimeout('startTime()',500)
    }
    }

    function checkTime(i)
    {
    if (i<10)
    {i
    ="0" + i}
    return i
    }
    startTime();
    </script>

    </html>
  • 相关阅读:
    农村养殖业什么最赚钱?什么养殖项目行情好?
    加盟店可靠吗?如何识破加盟骗局?
    开小店做什么生意好?开小店需要营业执照吗?
    投资小的项目有哪些?投资小项目推荐
    贪心
    关于:Express会被Koa2取代吗?
    关于:Express会被Koa2取代吗?
    关于:Express会被Koa2取代吗?
    关于:Express会被Koa2取代吗?
    剑指offer
  • 原文地址:https://www.cnblogs.com/qixuejia/p/1631887.html
Copyright © 2011-2022 走看看