AJAX ControlToolkit学习日志-AlwaysVisibleControlExtender(2)
2007-03-14 15:23
405 查看
今天早上学习了AlwaysVisibleControlExtender控件,感觉还是不错。下午就写点东西,总结一下使用方法。
简单使用示例(显示当前时间)
1)在VS下,新建一个ASP.NET AJAX-Enabled Web Project项目,命名为AlwaysVisibleControlExtender。如图:
<cc1:AlwaysVisibleControlExtender ID="AlwaysVisibleControlExtender1" HorizontalOffset="10" HorizontalSide="Right" VerticalOffset="10" VerticalSide="Top" TargetControlID="Panel1" ScrollEffectDuration=".1" runat="server">
2 </cc1:AlwaysVisibleControlExtender>
属性说明:
a.HorizontalOffset:设置目标控件在水平方向的偏移量,相对于水平边缘方向。
b.HorizontalSide:设置目标控件的水平边缘的参考方向。
c.VertialOffset:设置目标控件在垂直方向的偏移量,相对于垂直边缘方向。
d.VertialSide:设置目标控件的垂直边缘的参考方向。
e.TargetControlID:目标控件的ID。
f.ScrollEffectDuration:目前不清楚该属性具体作用,调整了Panel没什么反应。请大家指点。
3)在Panel里添加一个div标签,用于显示当前时间。代码如下:
<div id="currentTime" runat="Server" style="font-size:xx-large;font-weight:bold;line-height:40px;"></div>
4)最后在页面上加入一个Javascript函数,用于读取当前时间,并在currentTime中显示。
1 <script type="text/javascript">
2 function UpdateTime()
3 UpdateTime();
12 window.setInterval(UpdateTime,1000);
13 </script>
5)在页面上点击右键,选择在浏览器里查看。对该效果进行预览。
简单使用示例(显示当前时间)
1)在VS下,新建一个ASP.NET AJAX-Enabled Web Project项目,命名为AlwaysVisibleControlExtender。如图:
<cc1:AlwaysVisibleControlExtender ID="AlwaysVisibleControlExtender1" HorizontalOffset="10" HorizontalSide="Right" VerticalOffset="10" VerticalSide="Top" TargetControlID="Panel1" ScrollEffectDuration=".1" runat="server">
2 </cc1:AlwaysVisibleControlExtender>
属性说明:
a.HorizontalOffset:设置目标控件在水平方向的偏移量,相对于水平边缘方向。
b.HorizontalSide:设置目标控件的水平边缘的参考方向。
c.VertialOffset:设置目标控件在垂直方向的偏移量,相对于垂直边缘方向。
d.VertialSide:设置目标控件的垂直边缘的参考方向。
e.TargetControlID:目标控件的ID。
f.ScrollEffectDuration:目前不清楚该属性具体作用,调整了Panel没什么反应。请大家指点。
3)在Panel里添加一个div标签,用于显示当前时间。代码如下:
<div id="currentTime" runat="Server" style="font-size:xx-large;font-weight:bold;line-height:40px;"></div>
4)最后在页面上加入一个Javascript函数,用于读取当前时间,并在currentTime中显示。
1 <script type="text/javascript">
2 function UpdateTime()
3 UpdateTime();
12 window.setInterval(UpdateTime,1000);
13 </script>
5)在页面上点击右键,选择在浏览器里查看。对该效果进行预览。
相关文章推荐
- AjaxControlToolkit学习系列(2) AlwaysVisibleControlExtender
- Ajax Toolkit 控件学习系列(10) ——AlwaysVisibleControlExtender总是可见
- 第十五篇: Ajax Control Toolkit 控件包--4.AlwaysVisibleControlExtender
- AjaxControlToolkit 微软出的ajax.net 工具使用教程三 AlwaysVisibleControlExtender(浮动)控件的使用
- AJAX ControlToolkit学习日志-AutoCompleteExtender(4)
- AJAX ControlToolkit学习日志-ConfirmButtonExtender(7)
- AJAX ControlToolkit学习日志-UpdatePanelAnimationExtender(30)
- Ajax Control Toolkit——AlwaysVisibleControlExtender(悬浮效果)
- AJAX ControlToolkit学习日志-DropDownExtender控件(9)
- AJAX ControlToolkit学习日志-FilteredTextBoxExtender(12)
- AJAX ControlToolkit学习日志-ModalPopupExtender(16)
- AJAX ControlToolkit学习日志-PagingBulletedListExtender(19)
- AJAX ControlToolkit学习日志-ResizableControlExtender(23)
- AJAX ControlToolkit学习日志-HoverMenuExtender(13)
- AJAX ControlToolkit学习日志-MutuallyExclusiveCheckBoxExtender(17)
- AJAX ControlToolkit学习日志-PasswordStrengthExtender(20)
- AJAX ControlToolkit学习日志-ValidatorCalloutExtender(31)
- 轻松Ajax.net实例教程2_AlwaysVisibleControlExtender(按AjaxControlToolkit字母排序)
- AjaxControlToolkit 微软出的ajax.net 工具使用教程三 AlwaysVisibleControlExtender(浮动)控件的使用
- AJAX ControlToolkit学习日志——TextBoxWatermarkExtender