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

posted @ 2011-07-20 01:17  January  阅读(459)  评论(0编辑  收藏  举报