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

最新推荐文章于 2007-10-24 10:31:00 发布
最新推荐文章于 2007-10-24 10:31:00 发布
阅读量120 收藏
点赞数
文章标签： Ajax F# ASP JavaScript EXT ViewUI

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:%5CDOCUME~1%5CADMINI~1%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image001.png"></imagedata></shape>

在页面底部时

<shape id="_x0000_i1027" style="WIDTH: 158.25pt; HEIGHT: 278.25pt" type="#_x0000_t75"><imagedata o:title="" src="file:///C:%5CDOCUME~1%5CADMINI~1%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image003.png"></imagedata></shape>

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

iteye_3619
关注
altas(ajax)控件(十三)：悬浮菜单HoverMenu
董浩的专栏
09-21 3765
 HoverMenu 可以附加到任何一个ASP.NET WebControl 上，它结合一个Panel产生悬浮效果。下面一个例子, ASP.NET GridView从数据库里查询并显示数据。当鼠标移动到GridView上时，每一行都会出现悬浮菜单HoverMenu，我们可以通过菜单中的命令操作数据。例子：                asp:GridView ID="GridVi
通过tooltip实现操作某元素后通过ajax获取内容进行悬浮框展示
Hatoandaburedo的博客
04-25 546
前端代码： //需要添加悬浮框的元素，我这里把所有class为"red_point"的a元素都加上了悬浮框展示逻辑 $("a.red_point").tooltip({ //悬浮框相对元素的位置，有top、bottom、left、right可选 position: 'right', content: function(){ //要获取内容的信息的ID，这...
altas(ajax)控件(一)：多功能面板控件Accordion
爱.NET
08-22 119
一、Accordion控件简介 Accordion控件是能够提供多个显示面版的Web控件，它一次只能显示一个面版的内容。它有多个可折叠的面版，且一次只能展开一个。Accordion内包含AccordionPane控件，每个AccordionPane控件内都有一个模版，模版内都有标题和内容。 Accordion控件有三种AutoSize模式能适应各种不同的布局：None：在Accordion控件...
altas(ajax)控件(九)：可拖动面板DragPanel
爱.NET
08-25 95
使用非常简单： &lt;asp:PanelID="Panel6"runat="server"Width="250px"style="z-index:20;"&gt;&lt;asp:PanelID="Panel7"runat="server"Width="100%"Height="20px"BorderStyle=&qu
altas(ajax)控件(七)：CollapsiblePanel可折叠面板
学无止境的专栏
10-24 818
ajaxToolkit:CollapsiblePanelExtender ID="cpe" runat="Server"    TargetControlID="Panel1"    CollapsedSize="0"    ExpandedSize="300"    Collapsed="True"    ExpandControlID="LinkButton1"    CollapseCo
ASP.NET AJAX Altas
09-01
### ASP.NET AJAX Altas：掌握局部更新网页设计的利器 #### 一、ASP.NET AJAX概览 ##### 1.1 AJAX非同步技术简介 - **定义**：AJAX（Asynchronous JavaScript and XML）是一种用于创建更快响应的Web应用程序的技术...
Altas网上聊天系统
11-27
本文介绍了Ajax的基本工作原理，并实现了网上聊天系统的基本功能
Spine中Altas资源分割
12-13
总的来说，"Spine中Altas资源分割"是一个关键的优化步骤，特别是对于那些需要高效渲染和动态效果的游戏。通过改良的Python工具，开发者可以更好地管理Spine资源，确保旋转精灵的正确显示，这对于Cocos2dx或其他支持...
altas(ajax)控件(十九)：上下箭头按钮控件NumericUpDown
董浩的专栏
10-21 5987
一、      简介NumericUpDown也可以称之为微调控件（效果图： ），可以使用它进行一组有关联顺序的值的输入控件。早在delphi时代，就流行使用该控件。而在web上，到今天才真正出现次控件，可见其web实现之难，感谢ajax！NumericUpDown同样也是扩展控件，它扩展的是TextBox。常规的使用有数字的增/减和时间/日期/星期的的增/减。而且它的上下键的图片还可
基于SpringBoot仿天猫购物系统.zip(毕设&课设&实训&大作业&竞赛&项目)
09-20
项目工程资源经过严格测试可直接运行成功且功能正常的情况才上传，可轻松复刻，拿到资料包后可轻松复现出一样的项目，本人系统开发经验充足（全领域），有任何使用问题欢迎随时与我联系，我会及时为您解惑，提供帮助。 【资源内容】：包含完整源码+工程文件+说明（如有）等。答辩评审平均分达到96分，放心下载使用！可轻松复现，设计报告也可借鉴此项目，该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的。 【提供帮助】：有任何使用问题欢迎随时与我联系，我会及时解答解惑，提供帮助 【附带帮助】：若还需要相关开发工具、学习资料等，我会提供帮助，提供资料，鼓励学习进步 【项目价值】：可用在相关项目设计中，皆可应用在项目、毕业设计、课程设计、期末/期中/大作业、工程实训、大创等学科竞赛比赛、初期项目立项、学习/练手等方面，可借鉴此优质项目实现复刻，设计报告也可借鉴此项目，也可基于此项目来扩展开发出更多功能 下载后请首先打开README文件（如有），项目工程可直接复现复刻，如果基础还行，也可在此程序基础上进行修改，以实现其它功能。供开源学习/技术交流/学习参考，勿用于商业用途。质量优质，放心下载使用。
Python网络爬虫与推荐算法新闻推荐平台(毕设&课设&实训&大作业&竞赛&项目)
最新发布
09-20
Python网络爬虫与推荐算法新闻推荐平台：网络爬虫：通过Python实现新浪新闻的爬取，可爬取新闻页面上的标题、文本、图片、视频链接（保留排版） 推荐算法：权重衰减+标签推荐+区域推荐+热点推荐.zip项目工程资源经过严格测试可直接运行成功且功能正常的情况才上传，可轻松复刻，拿到资料包后可轻松复现出一样的项目，本人系统开发经验充足（全领域），有任何使用问题欢迎随时与我联系，我会及时为您解惑，提供帮助。 【资源内容】：包含完整源码+工程文件+说明（如有）等。答辩评审平均分达到96分，放心下载使用！可轻松复现，设计报告也可借鉴此项目，该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的。 【提供帮助】：有任何使用问题欢迎随时与我联系，我会及时解答解惑，提供帮助 【附带帮助】：若还需要相关开发工具、学习资料等，我会提供帮助，提供资料，鼓励学习进步 【项目价值】：可用在相关项目设计中，皆可应用在项目、毕业设计、课程设计、期末/期中/大作业、工程实训、大创等学科竞赛比赛、初期项目立项、学习/练手等方面，可借鉴此优质项目实现复刻，设计报告也可借鉴此项目，也可基于此项目来扩展开发出更多功能 下载后请首先打开README文件（如有），项目工程可直接复现复刻，如果基础还行，也可在此程序基础上进行修改，以实现其它功能。供开源学习/技术交流/学习参考，勿用于商业用途。质量优质，放心下载使用。
THUCNews数据集
09-20
THUCNews数据集
Q音：Vue3+Pinia+Vue Router4+Vant4的移动端仿抖音短视频项目.zip(毕设&课设&实训&大作业&竞赛&
09-20
项目工程资源经过严格测试可直接运行成功且功能正常的情况才上传，可轻松复刻，拿到资料包后可轻松复现出一样的项目，本人系统开发经验充足（全领域），有任何使用问题欢迎随时与我联系，我会及时为您解惑，提供帮助。 【资源内容】：包含完整源码+工程文件+说明（如有）等。答辩评审平均分达到96分，放心下载使用！可轻松复现，设计报告也可借鉴此项目，该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的。 【提供帮助】：有任何使用问题欢迎随时与我联系，我会及时解答解惑，提供帮助 【附带帮助】：若还需要相关开发工具、学习资料等，我会提供帮助，提供资料，鼓励学习进步 【项目价值】：可用在相关项目设计中，皆可应用在项目、毕业设计、课程设计、期末/期中/大作业、工程实训、大创等学科竞赛比赛、初期项目立项、学习/练手等方面，可借鉴此优质项目实现复刻，设计报告也可借鉴此项目，也可基于此项目来扩展开发出更多功能 下载后请首先打开README文件（如有），项目工程可直接复现复刻，如果基础还行，也可在此程序基础上进行修改，以实现其它功能。供开源学习/技术交流/学习参考，勿用于商业用途。质量优质，放心下载使用。
undo-log.sql
09-20
undo-log.sql
MYSQL ALTAS配置与使用指南
"MYSQL ALTAS配置手册" MySQL ALTAS是一款由上海炬度网络技术有限公司开发的数据库中间件，主要用于MySQL数据库集群的管理与负载均衡。本配置手册详细介绍了如何设置和使用MySQL ALTAS，旨在帮助用户高效地部署和...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值