<html>
<head>
<script type='text/javascript' src='jquery-1.5.2.min.js'>
</script>
<script type="text/javascript" language="javascript">
$(window).scroll(function() { // 页面发生scroll事件时触发
var bodyTop = 0;
if (typeof window.pageYOffset != 'undefined') {
bodyTop = window.pageYOffset;
}
else if (typeof document.compatMode != 'undefined' && document.compatMode != 'BackCompat')
{
bodyTop = document.documentElement.scrollTop;
}
else if (typeof document.body != '') {
bodyTop = document.body.scrollTop;
}
$("#servers").css("top", 100 + bodyTop);
//$("#servers").text(bodyTop); // 设置层的内容，这里只是显示当前的scrollTop
});
</script>
</head>
<body>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
<div id="servers" style="position: absolute; width: 21px; height:59px; display:block; top:100px; right:2px;">
<a href="#wrap"><img src="http://www.cnbm.net.cn/images/totop.gif" width="21" height="59" border="0" ></a> div 里面的内容自己改写
</div>
</body>
</html>
分享到：
相关推荐
窗口悬浮置顶对话框是一种常见的用户界面设计技术，它允许特定的窗口或对话框始终位于其他应用程序窗口之上，保持在用户的视线范围内。这种设计通常用于提醒、通知或者需要用户即时关注的功能，例如音乐播放器的控制...
桌面悬浮置顶文字显示，可以自定义显示位置和颜色字体大小等，就像屏幕上贴了一层膜，置顶显示，可以穿透鼠标，不影响鼠标点击。含源码
【jQuery页面滚动导航栏悬浮置顶特效源码】 在网页设计中，导航栏是一个至关重要的元素，它帮助用户轻松地浏览网站的不同部分。当页面内容较长时，传统的固定定位导航栏可能会随着页面滚动而消失，这给用户带来不便...
4. 当元素距离顶部小于设定值时，通过修改CSS的`position`属性为`fixed`，并将`top`设为0，实现悬浮置顶效果。 5. 生成微信二维码，可以使用如`qrcode.js`这样的JavaScript库，根据需要设置尺寸和颜色等属性。 6. ...
在本文中，我们将深入探讨如何使用Qt C++库来实现一个功能丰富的悬浮小球窗口，该窗口具有置顶、可拖拽、可点击等特性。首先，我们需要了解Qt库，这是一个跨平台的应用程序开发框架，支持多种操作系统，包括Windows...
这个“ios-导航渐变列表悬停置顶效果.zip”项目，旨在实现类似携程App的发现模块功能，其中包含了一个巧妙结合了UITableView和UICollectionView的嵌套布局，以及导航栏渐变效果和headerView的悬浮置顶特性。...
本项目"recyclerViewdemor.zip"中的ByRecyclerView-master是针对RecyclerView的一系列实用功能的实现，包括下拉刷新、加载更多、自定义分割线、悬浮置顶以及嵌套滑动等。下面我们将详细探讨这些知识点。 1. **...
Jquery悬浮微信二维码微博分享置顶特效，此作品是一款非常棒的特效，集合了多种功能，实现了jquery悬浮微信二维码、微博分享、置顶特效、鼠标悬浮、弹出层、滚动条滑动、动画效果等，主要用jquery基础代码实现的，...
Android实现View的顶部悬停的2种方法。 1，利用ScrollView+ListView实现 2，利用ListView曾加头部实现 详细的实现讲解请查看：http://blog.csdn.net/baidu_34012226/article/details/52326410
Delphi设置置顶窗口，把程序窗口显示在其它窗口的最上层(顶层)，以前多见于一些影视播放器中，在播放视频时，为了不被其它窗口遮挡，都会把播放窗口置于其它窗口的最上面显示，以提升用户体验。需要更多窗口置顶的...
在本文中，我们将深入探讨如何实现一个基于jQuery的悬浮微信分享置顶特效。这个特效能够使用户在浏览网站时始终保持微信分享按钮的可见性，从而提高社交媒体分享的便捷性。我们将涉及前端开发中的CSS、JavaScript、...
这是一个始终保持在最前端、一直置顶的小时钟，可以高于播放器的置顶权限哦～
2. **悬浮置顶**：常用于显示重要的信息或者操作按钮，如购物车按钮。在Android中，可以使用FloatingActionButton或者自定义View来实现。悬浮按钮通常会随着页面的滚动而改变位置，这需要监听滚动事件并进行动态调整...
tablayout 悬浮与顶部效果,仿饿了么列表悬停效果，基于CoordinatorLayout 悬停,通过监听RecyclerView 滑动，是tablayout 悬浮 添加toolbar状态栏发生改变
react-native-stickyheader 介绍 此组件实现类似React Native ScrollView组件的吸顶效果。 使用原生驱动动画，支持FlatList,SectionList,ListView等有onScroll方法的组件。 效果 iOS Android Example ...
在这款模板中，特别提到了**悬浮置顶式导航条**。这种设计模式在滚动页面时始终保持导航条在顶部可见，增强了用户的导航体验。Bootstrap的Navbar组件支持此功能，只需添加`.navbar-fixed-top`或`.navbar-fixed-...
**Setuna截图悬浮软件详解** Setuna是一款高效实用的截图工具，它的主要特点是可以在截图后以悬浮窗口的形式显示在桌面之上，便于用户随时查看和编辑截图内容。这种设计极大地提升了截图工具的便捷性和实用性，使其...
本意是想做一个类似于电脑版forest用于提醒自己要专注学习的 一时起意做了这么个软件，功能也比较少，欢迎提出修改意见 主要性能： ①可随时自由移动 ②半透明 ③倒计时，计时结束自动退出 ④始终处于最前端