posts - 135, comments - 29, trackbacks - 41, articles - 2
  博客园 :: 首页 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理

本章介绍AlwaysVisibleControlExtender的使用方法,AlwaysVisibleControlExtender是一个非常简单的组件,不用编码只需简单的设置就可使用。大家可能还不知道什么是AlwaysVisibleControlExtender,但大家一定见过漂浮在网页两边,跟随着滚动条滚动的悬浮广告。对了,AlwaysVisibleControlExtender能使你轻松实现相同的效果,而不需编写任何JS代码。

第一步:建立AJAX Control Toolkit网站

这个例子需要的控件很少,只需要一个Panel控件和一个组件。同时我们还需要一段长篇大论的文章,使页面出现滚动条。如下图所示:

第二步:设置AlwaysVisibleControlExtender

我们切换到源码模式,对AlwaysVisibleControlExtender进行设置,具体设置如下:

<asp:Panel BackColor="#666666" ForeColor="#ffffff" ID="Panel1" runat="server" Height="120px" Width="210px">
            这个Panel用了AlwaysVisibleControlExtender,因此它总会漂浮在一个地方……</asp:Panel>
           
        <ajaxToolkit:AlwaysVisibleControlExtender ID="AlwaysVisibleControlExtender1" runat="server"
         TargetControlID="Panel1" VerticalSide="top" HorizontalSide="right" VerticalOffset="50" HorizontalOffset="50"
          ScrollEffectDuration="1">
        </ajaxToolkit:AlwaysVisibleControlExtender>

以上同时贴出了Panel部分的代码,方便大家参考。

首先设置TargetControlID,当然是Panel1了。VerticalSide指垂直停靠位置,大家可以选择TopMiddelBottomHorizontalSide指水平停靠位置,可以选择LeftCenterRightVerticalOffset是指垂直边距,该属性根据VerticalSide的选择而不同。例如当VerticalSide=Top时,VerticalOffset=50即离浏览器上部边缘50像素;当VerticalSide=Bottom时,VerticalOffset=50即离浏览器底部边缘50像素,大家自己试验一下。HorizontalOffsetVerticalOffset类似,这里不再重复解释了。ScrollEffectDuration指滑动的延迟时间,数值越大滑动得越慢但越平滑,单位是秒。

设置完毕后即可运行!效果如下:

向下拉一下滚动条,怎么也甩不掉那个Panel。

结束:

本章介绍了AlwaysVisibleControlExtender的使用方法,使用它你能快速做出自己的浮动面板,而且还可以通过后台代码控制它的相关属性。更多的用法请大家自己摸索,这里就不再展开了。

由于asp.net的官网删掉了相关的视频链接,因此从本章开始不再提供视频下载地址,望大家见谅~~


标题  
姓名  
主页
Email (博主才能看到) 
验证码 *  看不清,换一张 [登录][注册]
内容(请不要发表任何与政治相关的内容)  
  登录  使用高级评论  新用户注册  返回页首  恢复上次提交      
Google站内搜索

China-pub 计算机图书网上专卖店!6.5万品种 2-8折!
近千种 9-95 新二手计算图书火热销售中!
开发者征途系统新作:《设计模式——基于C#的工程化实现及扩展》



相关文章:

相关链接: