altas(ajax)控件(二)：悬浮面板控件AlwaysVisibleControl

lovnet

浏览: 6969608 次
性别:
来自: 武汉

最近访客更多访客>>

u012363178

jx_colin

MauerSu

wangyy

博主相关

博客

微博

相册

留言

关于我

文章分类

全部博客 (7414)

社区版块

存档分类

2013-03 ( 20)
2013-02 ( 53)
2013-01 ( 90)
更多存档...

Ajax F#ASP JavaScript EXT

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>

updateTime();

window.setInterval(updateTime, 1000);

function updateTime()

{

var label = document.getElementById("currentTime");

if (label) {

label.innerText = (new Date()).toLocaleTimeString();

}

</script>

<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>

</asp:Panel>

</form>

效果：（看滚动条）

在页面顶部时

在页面底部时

控件始终在可见页面的顶部。该控件适合做广告条^_^

分享到：

altas(ajax)控件(三)：动画制作控件Anim ... | 菜单中"..."省略号的意思

2007-08-23 20:01
浏览 947
评论(0)
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论