有特殊需求,需要固定某个消息框,无论向下滚,如何操作IE中的数据,这个消息框都保持原样,使用AlwaysVisibleControlExtender即可实现,只需要设置关联属性,已经消息框位于IE的位置就可以知道。
关键代码:
<
ajaxToolkit:AlwaysVisibleControlExtender
ID
="AlwaysVisibleControlExtender1"
runat
="server"
TargetControlID ="allwaysOnMessage"
VerticalSide =Top
VerticalOffset ="10"
HorizontalSide ="Right"
ScrollEffectDuration =".1"
>
</ ajaxToolkit:AlwaysVisibleControlExtender >
TargetControlID ="allwaysOnMessage"
VerticalSide =Top
VerticalOffset ="10"
HorizontalSide ="Right"
ScrollEffectDuration =".1"
>
</ ajaxToolkit:AlwaysVisibleControlExtender >
所有前台代码:
<%
...
@ Page Language="C#" AutoEventWireup="true" CodeFile="alwaysVisable.aspx.cs" Inherits="alwaysVisable"
%>
<! 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" >
< div >
< asp:ScriptManager ID ="ScriptManager1" runat ="server" >
</ asp:ScriptManager >
< asp:Panel ID ="allwaysOnMessage" runat ="server" BackColor ="Gray" BorderColor ="Black"
BorderStyle ="Solid" BorderWidth ="2" ForeColor ="Blue" Height ="100px" Width ="220px" >
< div style ="vertical-align:middle;text-align:center;" >
< p > Message </ p >
这个消息是在网页上可以一直存在的,不论你如何移动,它都固定在一个位置。
< br />
</ div >
</ asp:Panel >
< ajaxToolkit:AlwaysVisibleControlExtender ID ="AlwaysVisibleControlExtender1" runat ="server"
TargetControlID ="allwaysOnMessage"
VerticalSide =Top
VerticalOffset ="10"
HorizontalSide ="Right"
ScrollEffectDuration =".1"
>
</ ajaxToolkit:AlwaysVisibleControlExtender >
</ div >
</ form >
</ body >
</ html >
<! 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" >
< div >
< asp:ScriptManager ID ="ScriptManager1" runat ="server" >
</ asp:ScriptManager >
< asp:Panel ID ="allwaysOnMessage" runat ="server" BackColor ="Gray" BorderColor ="Black"
BorderStyle ="Solid" BorderWidth ="2" ForeColor ="Blue" Height ="100px" Width ="220px" >
< div style ="vertical-align:middle;text-align:center;" >
< p > Message </ p >
这个消息是在网页上可以一直存在的,不论你如何移动,它都固定在一个位置。
< br />
</ div >
</ asp:Panel >
< ajaxToolkit:AlwaysVisibleControlExtender ID ="AlwaysVisibleControlExtender1" runat ="server"
TargetControlID ="allwaysOnMessage"
VerticalSide =Top
VerticalOffset ="10"
HorizontalSide ="Right"
ScrollEffectDuration =".1"
>
</ ajaxToolkit:AlwaysVisibleControlExtender >
</ div >
</ form >
</ body >
</ html >
实现效果: