altas(ajax)控件(二):悬浮面板控件AlwaysVisibleControl
2007-10-21 19:00
477 查看
AlwaysVisibleControl是一个简单的控件用来显示在页面上的一个相对固定位置,随着窗口的滚动和大小改变,它会随着移动,可以用来做浮动广告等.
AlwaysVisibleControl 属性
<ajaxToolkit:AlwaysVisibleControlExtender ID="ace" runat="server"
TargetControlID="timer"
VerticalSide="Top"
VerticalOffset="10"
HorizontalSide="Right"
HorizontalOffset="10"
ScrollEffectDuration=".1"/>
TargetControlID – 控件的ID
HorizontalOffset – 控件距离浏览器的水平边距. 默认是0px。
HorizontalSide - 水平停靠方向。可选择(Left, Center, or Right)。默认是Left
VerticalOffset -控件距离浏览器的垂直边距. 默认是0px。
VerticalSide -垂直停靠方向。可选择(Top, Middle, or Bottom)。默认是Top。
ScrollEffectDuration –控件复位时间,默认时间是0.1,单位是秒。
测试
<body>
<script type="text/javascript" language="javascript">
updateTime();
window.setInterval(updateTime, 1000);
function updateTime()
{
var label = document.getElementById("currentTime");
if (label) {
label.innerText = (new Date()).toLocaleTimeString();
}
}
</script>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server" />
<ajaxToolkit:AlwaysVisibleControlExtender ID="AlwaysVisibleControlExtender1" runat="server"
TargetControlID="Panel1"
VerticalSide="Top"
VerticalOffset="100"
HorizontalSide="Right"
HorizontalOffset="100"
ScrollEffectDuration="1" >
</ajaxToolkit:AlwaysVisibleControlExtender>
<asp:Panel ID="Panel1" runat="server" Height="50px" Width="125px">
<div style="width: 100px; height: 100px">
当前时间:
<div id="currentTime" style="width: 106px; height: 42px">
</div>
</div>
</asp:Panel>
</form>
效果:(看滚动条)
在页面顶部时
在页面底部时
控件始终在可见页面的顶部。该控件适合做广告条^_^
AlwaysVisibleControl 属性
<ajaxToolkit:AlwaysVisibleControlExtender ID="ace" runat="server"
TargetControlID="timer"
VerticalSide="Top"
VerticalOffset="10"
HorizontalSide="Right"
HorizontalOffset="10"
ScrollEffectDuration=".1"/>
TargetControlID – 控件的ID
HorizontalOffset – 控件距离浏览器的水平边距. 默认是0px。
HorizontalSide - 水平停靠方向。可选择(Left, Center, or Right)。默认是Left
VerticalOffset -控件距离浏览器的垂直边距. 默认是0px。
VerticalSide -垂直停靠方向。可选择(Top, Middle, or Bottom)。默认是Top。
ScrollEffectDuration –控件复位时间,默认时间是0.1,单位是秒。
测试
<body>
<script type="text/javascript" language="javascript">
updateTime();
window.setInterval(updateTime, 1000);
function updateTime()
{
var label = document.getElementById("currentTime");
if (label) {
label.innerText = (new Date()).toLocaleTimeString();
}
}
</script>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server" />
<ajaxToolkit:AlwaysVisibleControlExtender ID="AlwaysVisibleControlExtender1" runat="server"
TargetControlID="Panel1"
VerticalSide="Top"
VerticalOffset="100"
HorizontalSide="Right"
HorizontalOffset="100"
ScrollEffectDuration="1" >
</ajaxToolkit:AlwaysVisibleControlExtender>
<asp:Panel ID="Panel1" runat="server" Height="50px" Width="125px">
<div style="width: 100px; height: 100px">
当前时间:
<div id="currentTime" style="width: 106px; height: 42px">
</div>
</div>
</asp:Panel>
</form>
效果:(看滚动条)
在页面顶部时
在页面底部时
控件始终在可见页面的顶部。该控件适合做广告条^_^
相关文章推荐
- altas(ajax)控件(二):悬浮面板控件AlwaysVisibleControl
- altas(ajax)控件(二):悬浮面板控件AlwaysVisibleControl
- altas(ajax)控件(二):悬浮面板控件AlwaysVisibleControl
- 第二章 悬浮面板AlwaysVisibleControl 控件
- 第十五篇: Ajax Control Toolkit 控件包--4.AlwaysVisibleControlExtender
- Ajax Control Toolkit——AlwaysVisibleControlExtender(悬浮效果)
- AjaxControlToolkit 微软出的ajax.net 工具使用教程三 AlwaysVisibleControlExtender(浮动)控件的使用
- AjaxControlToolkit 微软出的ajax.net 工具使用教程三 AlwaysVisibleControlExtender(浮动)控件的使用
- .net3.5 和vs2008中Ajax控件的使用--AlwaysVisibleControl控件
- Ajax Toolkit 控件学习系列(10) ——AlwaysVisibleControlExtender总是可见
- ASP.NET AJAX控件之AlwaysVisibleControlExtender
- altas(ajax)控件(十三):悬浮菜单HoverMenu
- altas(ajax)控件(十三):悬浮菜单HoverMenu
- altas(ajax)控件(七):CollapsiblePanel可折叠面板
- altas(ajax)控件(九):可拖动面板DragPanel
- [转]轻松掌握Ajax.net系列教程八:使用AlwaysVisibleControlExtender
- altas(ajax)控件(二十二):帮助用户输入的面板控件PopupControl
- altas(ajax)控件(一):多功能面板控件Accordion
- altas(ajax)控件(十三):悬浮菜单HoverMenu
- AjaxControlToolkit学习系列(2) AlwaysVisibleControlExtender