<SCRIPT>
lastScrollY=0;
function heartBeat(){
var diffY;
if (document.documentElement && document.documentElement.scrollTop)
diffY = document.documentElement.scrollTop;
else if (document.body)
diffY = document.body.scrollTop
else
{/*Netscape stuff*/}
percent=.1*(diffY-lastScrollY);
if(percent>0)percent=Math.ceil(percent);
else percent=Math.floor(percent);
document.getElementById("full").style.top=parseInt(document.getElementById("full").style.top)+percent+"px";
lastScrollY=lastScrollY+percent;
}
suspendcode="<div id=\"full\" style='right:50px;POSITION:absolute;TOP:450px;z-index:100'><a href='#Top'><img src=images/top.gif border=0 alt='返回顶部'></a><br></div>"
document.write(suspendcode);
window.setInterval("heartBeat()",1);
分享到:
相关推荐
**jQuery 简洁易用返回网页顶部(底部)代码详解** 在网页设计中,提供一个方便用户快速回到页面顶部或底部的功能是非常重要的用户体验优化。jQuery 提供了一种简单高效的方式来实现这一功能,无需复杂的 JavaScript ...
网页返回顶部功能是网站设计中常见的一种交互元素,它允许用户快速轻松地回到页面的开头,无需手动滚动。本教程将详细介绍如何实现这种功能,并基于IBEIDONG.COM提供的代码进行解析。 首先,我们需要理解基本的HTML...
在网页设计中,"js 网页返回顶部 置顶返回" 是一个常见的功能需求,它允许用户轻松地将浏览器滚动到页面的顶部,提高用户体验。这一功能主要通过JavaScript实现,因为JavaScript是一种强大的客户端脚本语言,可以与...
【淘宝网随滚动条滚动的TOP按钮】是一个常见的网页交互设计元素,它的目的是为了方便用户在浏览长页面时能够快速返回页面的顶部。这个功能在许多电商网站,如淘宝网,以及其他信息丰富的网页中十分常见。它通常以一...
本压缩包中的"JS制作的返回网页顶部按钮代码.zip"提供了一个实现这个功能的实例,对于学习和使用JS的开发者来说非常有价值。 压缩包内的`index.html`文件是网页的源代码,通常包含HTML结构、CSS样式以及内联或外部...
在"html_测试的网页测试部分代码"这个主题中,我们主要关注的是HTML在构建一个飞机游戏中的应用。这个游戏可能包括了飞机的图像展示、随机事件的生成等多个方面。 在HTML中,图像的展示通常通过`<img>`标签来实现。...
"jQuery简洁易用返回网页顶部(底部)代码.zip"这个压缩包文件就包含了一个实现这种功能的示例。 首先,jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画和Ajax交互等任务。在HTML5时代,...
标题中的“简洁风格支持返回网页顶部的在线客服特效(原优米网)”指的是一个网页设计中的功能,允许用户快速返回页面顶部并提供在线客服支持。这个功能通常包括两个部分:一是页面滚动到一定位置时出现的返回顶部按钮...
1. **数据获取与处理**:这部分可能涉及到后端API接口的设计,用于提供top排行的数据,如通过数据库查询获取点击量、评分等指标,然后将数据返回给前端。 2. **动态加载与实时更新**:为了保持排行榜的实时性,可能...
在网页设计中,提供一个“返回顶部”的功能是非常常见的需求,尤其对于长页面而言,它可以帮助用户快速地回到页面的起始位置。本教程将详细讲解如何使用jQuery来实现一个响应式的返回顶部按钮。 首先,我们需要理解...
在网页设计中,"返回顶部"功能是一个常见且实用的设计元素,它允许用户快速地将浏览焦点移回页面顶部,特别是在长页面滚动时。本文将深入探讨如何利用jQuery这一强大的JavaScript库来实现这一功能。 首先,jQuery是...
CSS部分(在`css/main.css`文件中)用于控制返回顶部按钮的样式和显示时机。我们可以设置按钮的初始状态为隐藏,并在页面滚动一定距离后显示: ```css #back-to-top { position: fixed; bottom: 20px; right: 30...
在网页设计和开发中,"返回顶部"功能是一个常见的用户交互元素,它允许用户快速将浏览器滚动到页面的顶部,而无需手动滑动鼠标或滚动条。百度站长平台提供的返回顶部JS代码是一种实现这一功能的JavaScript代码片段。...
【TipTop函数大全】 ...这些函数构成了TipTop开发环境中不可或缺的一部分,帮助开发者高效地构建和管理T100系统的业务逻辑和用户界面。通过熟练掌握这些函数,开发者能够更加灵活地实现各种复杂的业务需求。
在网页设计中,返回顶部和底部的导航功能是提高用户体验的重要元素。用户浏览长页面时,能够快速跳转到页面的开头或结尾可以节省大量时间。JQuery作为一个强大的JavaScript库,提供了简单易用的API来实现这样的效果...
在网页设计中,返回顶部(Back to Top)功能是一个常见的用户交互元素,它允许用户轻松地将滚动条移回页面的顶部。在这个实例中,我们将深入探讨如何在jQuery框架下实现这一功能。以下是对该实例的详细分析: 首先...
在网页设计中,"返回顶部"功能是一种常见的用户体验优化手段,它允许用户快速地将页面滚动到顶部,尤其是在浏览长内容时。本篇文章将详细解析如何利用jQuery库来实现这一功能,以及如何创建一个底部小火箭样式的返回...
标题中的“返回页面顶部top按钮通过锚点实现(自写)”指的是在网页设计中,为了方便用户快速回到页面顶部而创建的一种交互功能。通常,当用户在浏览长篇内容或填写长表单时,这样的功能变得尤为重要。描述中提到的...
在网页设计中,为了提供更好的用户体验,许多网站会采用一些交互式功能,例如QQ客服和返回顶部的按钮。本篇文章将详细解析如何使用jQuery实现这样的功能,包括代码逻辑、HTML结构、CSS样式以及JavaScript交互。 ...
为了完全理解并运用这个特效,你需要解压文件,查看源代码,了解各个部分是如何协同工作的。CSS可能包含按钮的样式定义,而HTML会包含按钮元素和相应的布局结构。 总之,JS鼠标点击下端返回顶部特效是通过...