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>
效果:(看滚动条)
在页面顶部时
<shapetype id="_x0000_t75" stroked="f" filled="f" path="m@4@5l@4@11@9@11@9@5xe" o:preferrelative="t" o:spt="75" coordsize="21600,21600"><stroke joinstyle="miter"></stroke><formulas><f eqn="if lineDrawn pixelLineWidth 0"></f><f eqn="sum @0 1 0"></f><f eqn="sum 0 0 @1"></f><f eqn="prod @2 1 2"></f><f eqn="prod @3 21600 pixelWidth"></f><f eqn="prod @3 21600 pixelHeight"></f><f eqn="sum @0 0 1"></f><f eqn="prod @6 1 2"></f><f eqn="prod @7 21600 pixelWidth"></f><f eqn="sum @8 21600 0"></f><f eqn="prod @7 21600 pixelHeight"></f><f eqn="sum @10 21600 0"></f></formulas><path o:connecttype="rect" gradientshapeok="t" o:extrusionok="f"></path><lock aspectratio="t" v:ext="edit"></lock></shapetype><shape id="_x0000_i1026" style="WIDTH: 162.75pt; HEIGHT: 273pt" type="#_x0000_t75"><imagedata o:title="" src="file:///C:/DOCUME~1/ADMINI~1/LOCALS~1/Temp/msohtml1/01/clip_image001.png"></imagedata></shape>
![](http://p.blog.csdn.net/images/p_blog_csdn_net/edisundong/293088/o_AlwaysVisibleControl2.bmp)
在页面底部时
![](http://p.blog.csdn.net/images/p_blog_csdn_net/edisundong/293088/o_AlwaysVisibleControl1.bmp)
<shape id="_x0000_i1027" style="WIDTH: 158.25pt; HEIGHT: 278.25pt" type="#_x0000_t75"><imagedata o:title="" src="file:///C:/DOCUME~1/ADMINI~1/LOCALS~1/Temp/msohtml1/01/clip_image003.png"></imagedata></shape>
控件始终在可见页面的顶部。该控件适合做广告条^_^
分享到:
相关推荐
:musical_note: Altas-Notas 我基于Firebase服务的Spotify版本 :joystick: 安装及使用方法从Zip导出项目并导入完整文件夹 :laptop: 进步▰▱▱▱▱▱▱▱▱▱10% :camera: 屏幕截图目前没有照片
圣殿祭司 的 开发详解-使用C#>里面的讲解AJAX的第5,6两张。比较具有实用性。看完后。二分钟就能写出局部更新的网页来。
本文介绍了Ajax的基本工作原理,并实现了网上聊天系统的基本功能
unity3d 日历控件,ngui的altas丢失了,需要自己添加u2b
Hashicorp Atlas 教程示例代码
Altas 学习指南........
altas非常有用的资源,怎样使用atlas客户端更新,真正的"ajax"客户端技术
altas网上聊天系统--本文介绍了ajax的基本工作原理,并实现了网上聊天系统的功能!
MYSQL ALTAS配置手册
AJAX结合Asp.NET开发的经典事例,可直接运行或者更改代码来深入学习.
自己写的第2个 ajax例子 3联动+无刷新分页(no altas) 无刷新分页 有点bug 只需要把 js/xmlhttp.js 里面的 的标签 里的属性 +一个 单引号 就行了 App_data下的my51aspx.mdf为Sql数据库文件,附加即可 数据库操作...
Ajax三级联动和无刷新分页源码 数据库是用的 51aspx的数据库(含中国完整省市区的数据) 自己写的第2个 ajax例子 3联动+无刷新分页(no altas) 无刷新分页
Altas学习指南,希望对大家有帮助
使用python对plist altas进行拆分,还原成原来的小图
改良后的python版的spine中图片资源分割,支持图片旋转,原来版本不支持图片旋转,亲手写的
知识点二:设备模拟软件 Atlas 软件是 Silvaco 公司的一款设备模拟软件,能够对半导体器件进行模拟和设计。该软件可以模拟半导体器件的电气特性、热特性和光学特性等多方面的性能,并提供了多种模拟算法和模型来...
Atlas插件excel,DynamicAX 2012 插件,Atlas插件excel,DynamicAX 2012 插件