注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

飞天心宏的博客

依稀旧梦似曾见,相逢只恨缘太迟

 
 
 

日志

 
 
关于我

出身数学,爱好文学,从事软件开发工作。一个阳光、幽默、热爱生活的男孩子,在追求理想的路上风雨无阻,勇往直前,崇尚“梦想有多远,我们就走多远”!

网易考拉推荐

Ajax控件之AlwaysVisibleControl  

2008-07-30 20:56:47|  分类: Ajax Toolkit |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

       AlwaysVisibleControl顾名思义就是一直显示,通过AlwaysVisibleControl控件我们可以在页面上显示一个浮动的窗口,通常它可以用来显示菜单,消息和广告等,实现起来也很简单。

    我们来先看一下效果图:

    可以看出当我们在滚动流动条时,浮动窗一直显示在右上角(当然这个悬浮窗的位置是可以改变的,我们这也实现了这种功能)

  首先我们来看看AlwaysVisibleControl控件的一些常用属性吧:

TargetControlID : 要显示控件的ID(通常是panel)
HorizontalOffset : 控件的水平偏移量
HorizontalSide : 水平停靠方向。可选择(Left, Center, or Right)

VerticalOffset :控件的水平偏移量 
VerticalSide :垂直停靠方向。可选择(Top, Middle, Bottom )
ScrollEffectDuration : 控件复位时间,默认时间是0.1,单位是秒。

 我还加了一个悬浮窗设置显示位置的,可以通过dropdownlist控件进行选择:

选择就可以让悬浮窗在不同的位置进行选择,代码如下:

<asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="True"
                    onselectedindexchanged="DropDownList1_SelectedIndexChanged">
                    <asp:ListItem>默认</asp:ListItem>
                    <asp:ListItem Value="00">上左</asp:ListItem>
                    <asp:ListItem Value="01">上中</asp:ListItem>
                    <asp:ListItem Value="02">上右</asp:ListItem>
                    <asp:ListItem Value="10">中左</asp:ListItem>
                    <asp:ListItem Value="11">中中</asp:ListItem>
                    <asp:ListItem Value="12">中右</asp:ListItem>
                    <asp:ListItem Value="20">下左</asp:ListItem>
                    <asp:ListItem Value="21">下中</asp:ListItem>
                    <asp:ListItem Value="22">下右</asp:ListItem>                   
                </asp:DropDownList>

实现的代码为:(要注意了:用这个得添加一个引用:using AjaxControlToolkit;)

protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
    {
        switch (this.DropDownList1.SelectedValue[0])
        {
            case '0':
                AlwaysVisibleControlExtender1.VerticalSide = VerticalSide.Top;
                break;
            case '1':
                AlwaysVisibleControlExtender1.VerticalSide = VerticalSide.Middle;
                break;
            case '2':
                AlwaysVisibleControlExtender1.VerticalSide = VerticalSide.Bottom;
                break;
            default:
                AlwaysVisibleControlExtender1.VerticalSide = VerticalSide.Middle;
                return;
        }
        switch (this.DropDownList1.SelectedValue[1])
        {
            case '0':
                AlwaysVisibleControlExtender1.HorizontalSide = HorizontalSide.Left;
                break;
            case '1':
                AlwaysVisibleControlExtender1.HorizontalSide = HorizontalSide.Center;
                break;
            case '2':
                AlwaysVisibleControlExtender1.HorizontalSide = HorizontalSide.Right;
                break;
            default:
                AlwaysVisibleControlExtender1.HorizontalSide = HorizontalSide.Center;
                return;
        }
    }

 

这个控件很简单,所以也不好多介绍了!大家试试就明白了!
 

 

 

  评论这张
 
阅读(606)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017