zoukankan      html  css  js  c++  java
  • Ajax Control Toolkit——AlwaysVisibleControlExtender(悬浮效果)

     效果速递:该控件的效果就是无论你如何拖动滚动条还是拖拽浏览器窗口大小,该控件都会随之变化或者说始终复位到浏览器窗口的固定位置。

    (AlwaysVisibleControlExtender used to add constant visibility to an ASP.NET control. The control that is extended then always moves to fixed position in the page regardless of how the body is resized or scrolled.)

    1 <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
    2 </asp:ToolkitScriptManager>
    3 <asp:Panel ID="Panel1" CssClass="ys1" runat="server">
    4 <asp:ImageButton ID="ibGoTop" ImageUrl="~/images/gotop.png" runat="server" />
    5 </asp:Panel>
    6 <asp:AlwaysVisibleControlExtender ID="AlwaysVisibleControlExtender1" TargetControlID="Panel1"
    7 VerticalSide="Bottom" VerticalOffset="10" HorizontalSide="Right" HorizontalOffset="10"
    8 UseAnimation="true" runat="server" ScrollEffectDuration="0.1">
    9 </asp:AlwaysVisibleControlExtender>

    1.ToolkitScriptManager这是所有Ajax Toolkit Control所必需的;

    2.该空件并不可见,而是与其它控件组合使用,Panel是配合该控件使用的较频繁的容器控件;

    3.AlwaysVisbleControlExtender属性介绍

       ——TargetControlID,就是目标控件的ID,如本例中的“Panel”;

       ——VerticalSide(Bottom,Middle,Top),指定目标控件在垂直边的初始位置,本例为“Bottom”(底部);

       ——VerticalOffset(The default is 0 pixels),目标控件距竖直初始位置的偏移距离,本例为“10”px;

       ——HorizontalSide(Left,Center,Right,The default is Left),目标控件在水平边的初始位置

       ——HorizontalOffset,目标控件据水平初始位置的偏移距离,本例向左偏移10px;若是Left,正值就向右偏移;若是Right,正值就向左偏移;Center,正值向左偏移(注意:偏移值不允许为负值);

       ——UseAnimation(true,false(default)),当该属性weiTrue时,目标控件复位会有动画效果(有点像追赶),建议为true;

       ——ScrollEffectDuration(default is 0.1s),在我看来就是目标控件初始化和复位到指定位置所需要的时间,千万不要设置得过大。

    更多相关,请参见>>@http://www.asp.net/ajaxlibrary/act_AlwaysVisible_Reference.ashx

  • 相关阅读:
    在web项目启动时,使用监听器来执行某个方法
    spring boot --- 初级体验
    Java字符串连接最佳实践
    JPA
    基于Spring AOP的JDK动态代理和CGLIB代理
    jQuery.validate表单校验+bootstrap
    搜索技术---solr
    最常用的缓存技术---redis入门
    内外网同时访问的路由配置
    创建 Visual Studio 2017 离线安装
  • 原文地址:https://www.cnblogs.com/January/p/2111179.html
Copyright © 2011-2022 走看看