`

快速上下移动到网页的顶部和底部

 
阅读更多

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html class=" widthauto" xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk">
<title>gdm</title>

</head>

<body>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p><p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>

<script src="images/top.js" type="text/javascript"></script>


</font></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</body></html>

function show(o,obj){
var m=document.getElementById(obj);
m.style.pixelLeft=getL(o);
m.style.pixelTop=getT(o)+o.offsetHeight;
m.style.visibility='';
}
var speed=10
var currentpos=0,alt=1,curpos1=0,curpos2=-1
function initialize(){
startit()
}
function scrollwindow(){

if (document.all)
temp=document.documentElement.scrollTop
else
temp=window.pageYOffset
if (alt==0)
alt=1
else
alt=0
if (alt==0)
curpos1=temp
else
curpos2=temp
if (curpos1!=curpos2){
if (document.all)
currentpos=document.documentElement.scrollTop-speed
else
currentpos=window.pageYOffset-speed
window.scroll(0,currentpos)
}
else{
currentpos=0
window.scroll(0,currentpos)
}
if(document.documentElement.scrollTop<5)
{
window.clearInterval(intervalID);
}
}
function startit(){

intervalID=setInterval("scrollwindow()",5)
}
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:0px; top:200px; position:absolute;'><table width='20' border='0' cellpadding='0' cellspacing='0'><tr><td align='center'><a href='javascript:window.scroll(99999,0)' onfocus='blur()'><img border='0' src='images/1.png' title='回到网站顶部' /></a></td></tr><tr><td align='center'><a href='tencent://message/?uin=81596583&Site=web-designers&Menu=yes' target='blank'><img src='images/4.png' border='0' title='联系站长QQ' /></a></td></tr><tr><td align='center'><a onclick='javascript:history.back();return false;' href='#'><img border='0' src='images/5.png' title='返回上一页' /></a></td></tr><tr><td align='center'><a onclick='javascript:clearInterval(timer);initialize();return false;' href='#'><img border='0' src='images/6.png' title='页面向上慢移' /></a></td></tr><tr><td align='center'><a onclick='javascript:sc();return false;' href='#'><img border='0' src='images/7.png' title='暂停慢移' /></a></td><tr><td align='center'><a onclick='window.parent.document.location.reload();return false;' href='#'><img border='0' src='images/8.png' title='刷新页面' /></a></td><tr><td align='center'><a onclick='javascript:amubutton();return false;' href='#'><img border='0' src='images/9.png' title='回到底部' /></a></td></tr></table></div>"

document.write(suspendcode);
window.setInterval("heartBeat()",1);

var currentpos,timer;
function initialize()
{
timer=setInterval ("scrollwindow ()",30);
}
function sc()
{
clearInterval(timer);
}
function scrollwindow()
{

currentpos = document.documentElement.scrollTop || document.body.scrollTop;

window.scrollTo(0,++currentpos);
//window.alert(currentpos)
//if (currentpos>10)
//sc();
}
//document.onmousedown=sc;
function amutop()
{
window.scrollTo(0,0)
clearInterval(timer);
}
function amubutton()
{
window.scrollTo(0,80000)
clearInterval(timer);
}

分享到:
评论
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    固定页面头部和底部中间滚动

    对于头部和底部,我们可以将它们的`position`设置为`fixed`,这会使它们始终固定在屏幕的顶部或底部,不论用户滚动页面到何处。 ```css header { position: fixed; top: 0; width: 100%; /* 添加其他样式,如...

    树节点上下移动.zip

    在实际应用中,我们有时需要提供功能让用户能够方便地调整树节点的位置,例如上下移动节点来重新排序。本教程将详细讲解如何在C#中实现`TreeView`控件的树节点上下移动功能。 首先,我们需要了解`TreeView`控件的...

    易语言超级列表框表项上下移动

    5. **处理边界情况**:在移动表项时,需要考虑边界条件,例如当尝试将最顶部的项目上移或者最底部的项目下移时,应防止出现错误,此时可以提示用户已到达边界,无法继续移动。 在源码中,你可能会看到以下关键代码...

    在List Control中实现列表项目的上下移动

    8. **考虑边界条件**:确保在处理边界情况时(如试图将顶部项移到上面或底部项移到下面),不会出现错误。可能需要在某些情况下阻止移动操作。 9. **自定义排序**:如果你的列表支持自定义排序,可能需要在移动项目...

    控件 上下左右移动

    这些属性分别表示控件距离其容器顶部、底部、左侧和右侧的距离,单位通常是像素。通过修改这些属性值,我们可以改变控件在窗体上的位置。 水平移动涉及`Left`和`Right`属性。如果你想将一个控件向右移动,你可以...

    Android listview 代码控制上下移动

    本篇文章将深入探讨如何在Android中通过代码控制ListView的上下移动。 首先,理解ListView的工作原理至关重要。ListView利用了视图复用机制(ViewHolder模式),只有屏幕可见的部分View会被创建和绘制,这样极大地...

    Jquery返回顶部 底部

    - **适应不同设备**:对于移动设备和平板电脑,返回顶部和底部的按钮可能需要有不同的布局和交互设计。可以使用媒体查询(`@media`)来针对不同屏幕尺寸调整按钮的样式和位置。 5. **兼容性**:虽然jQuery已经对大...

    Js判断H5上下滑动方向及滑动到顶部和底部判断的示例代码

    在JavaScript中,H5页面的上下滑动方向判断以及检测是否滑动到顶部或底部是移动设备上常见的交互需求。这些功能可以用于实现如导航栏的自动隐藏和显示、滚动到底部加载更多数据等效果。下面将详细介绍如何使用...

    delphi字母上下左右移动

    TLabel1.Top := -TLabel1.Height // 当达到底部时,移到顶部重新开始 else TLabel1.Top := TLabel1.Top + ScrollSpeed; // 上升或下降 if TLabel1.Left &gt; Form1.Width - TLabel1.Width then TLabel1.Left := ...

    移动端 swiper轮播做下拉加载上拉回到顶部,上下左右轮播功能

    2. **上拉回到顶部(Scroll-to-top)**:这个功能是当用户在轮播底部上拉时,页面能够快速返回到顶部。这提高了用户体验,尤其是当用户浏览了多页内容后,想要快速返回到起始位置时。 3. **上下左右轮播**:传统的...

    回到顶部页面上下弹动效果

    在网页设计中,用户体验往往是一个重要的考量因素,而“回到顶部”功能就是为了提升用户体验而设计的一个常见元素。这个功能使得用户在浏览长页面时,能够快速便捷地返回页面的顶部,而无需手动滚动整个页面。在本...

    列表框上下移动-易语言

    - 编写完代码后,需要运行程序并进行测试,确保列表项可以正确地上下移动,同时注意边界条件的处理,如移到最顶部或底部时的行为。 6. **源码分析**: 提供的源码文件“列表框上下移动.e”应该包含了实现上述功能...

    上下移动ListBox内的项winform

    本教程将深入探讨如何实现ListBox内的项上下移动的功能,这对于创建具有灵活交互性的用户界面至关重要,特别是当用户需要调整列表顺序时。 首先,我们需要理解ListBox的基本属性和方法。`ListBox`控件的主要属性...

    电信设备-上下移动及摆动式搅拌机.zip

    这一设计意味着搅拌叶片可以在垂直方向上进行往复运动,有助于穿透物料的层次,将底部的物料带到顶部,反之亦然。这样可以确保即使是在容器深度较大的情况下,所有物料都能得到充分搅拌。 其次,“摆动式”特征是指...

    Axure教程:实现移动端页面上下滑动效果.docx

    首先,我们需要画出页面基本结构,包括顶部和底部两个矩形,以及中间的一个动态面板 1 和一个动态面板 2。在动态面板 2 的 state1 中,我们需要填充内容,使劲填充至少超过动态面板 1 的高度。 然后,我们需要拖动...

    delphi上下滚动 自由移动

    以上就是使用Delphi实现“上下滚动 自由移动”的基本步骤和知识点。在实际项目中,你可能还需要考虑其他因素,如用户交互、界面设计、性能优化等。通过熟练掌握Delphi的控件和事件处理机制,你可以构建出功能丰富的...

    行业-电子政务-具有在竖井底部和或在竖井顶部的虚构的保护区的电梯设备和用于驱动电梯设备的方法.zip

    标题和描述中的“具有在竖井底部和或在竖井顶部的虚构的保护区的电梯设备和用于驱动电梯设备的方法”涉及到了电梯设计的创新和安全措施。 首先,"竖井"是指电梯运行的井道,它由建筑物的墙壁围成,为电梯轿厢提供...

    android上下动画资源文件

    本资源包聚焦于Android中的上下动画,主要包括顶部进入、底部退出以及底部进入、顶部退出这四种常见场景的动画效果。下面我们将深入探讨这些动画及其在Android开发中的应用。 一、顶部进入动画 顶部进入动画通常...

    电信设备-一种上下可移动上吸式高压输送固体和液体混合物装置.zip

    描述中的信息与标题一致,进一步强调了该设备的特点是可以上下移动,并采用上吸式设计,这表明它具备灵活的工作范围和独特的吸入方式。上吸式设计意味着设备从上方吸入混合物,这可能有助于避免沉积物堵塞,提高工作...

    jquery内容上下翻滚tab标签

    此外,我们可能还需要添加一些辅助功能,比如防止连续快速滚动导致内容混乱,或者在内容滚动到顶部或底部时自动锁定,防止无限滚动。这可以通过检测滚动位置并设置条件来实现。 在实际应用中,"jquery内容上下翻滚...

Global site tag (gtag.js) - Google Analytics