点选TOP后并不是直接跳到页顶的，而是滚动上去
发布时间：2023-09-07 02:36:43
标签：TOP,页顶,滚动实现
demo中的p中的script改大或改小看看。。。移动到top的时间始终是一定的，你也可以设置一个阀值，在页面高度到达这个阀值之前，移动的总时间是多少，当页面高度超过这个数时，移动的总时间反而以一定比例减小，自己试试看吧...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>回到页顶效果代码</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta name="Author" content="Sheneyan" /> <script> function s2top(){ var a = document.getElementsByTagName('a'); var l = a.length; for (var i = 0 ; i < l ; i ++){ var ai = a[i]; if (/#header$/.test(ai.href)){ ai.onclick = function(){ var o = this; var ot = o.offsetTop; for (var t = 0 ; t < 20 ; t ++){ setTimeout("scrollBy(0,-" + parseInt(ot / 20) + ")",t * 50 + 1); } return false; } } } } </script> <body onload="s2top()"> </body> <p> <script> for (var i = 0 ; i < 1000 ; i ++) document.write(i+""); </script> </p> go to 头 </body>
0
投稿猜你喜欢
- 前提：安装xhtml2pdf https://pypi.python.org/pypi/xhtml2pdf/下载字体：微软雅黑；待转换的文件
用VBS语言实现的一个简单网页计算器，功能：可以进行加法、减法、乘法、除法、取反、开根号、及指数运算。虽然简单但是比起windows xp自- 一、原型模式原型是相对于复制、克隆而言的，但是不同于模板，模板创造出的东西是一模一样，而原型创造出的东西是允许存在差异化和个性化的。原型模式
- 很多朋友想用SQL2000数据库的编程方法，但是却又苦于自己是学ACCESS的，对SQL只是一点点的了解而已，这里我给大家提供以下参考---
- 本文由伯乐在线 - 敏捷翻译的史莉萍翻译自《Creating an Effective Color-Scheme for Web Desig
- 当在php中使用mb_detect_encoding函数进行编码识别时，很多人都碰到过识别编码有误的问题，例如对与GB2312和UTF- 8
- 导言在前面的教程里我们学习了DataList提供了一些风格样式的属性.而且我们还学习了如何定义HeadStyle, ItemStyle, A
- /usr/sbin/groupadd mysql/usr/sbin/useradd -g mysql mysqlunzip mysql-5.
- 只是做笔记，没什么！！ 代码如下:--创建测试表 CREATE TABLE [dbo].[Student]( [ID] [int
- 日历功能在个人博客网站及一些任务类网站都有广泛的应用，当然，在一些通用网站的后台也不乏这些日历功能的综合应用，所以，一个结构合理、代码清晰的
- 看完了这个你就可以用asp修改注册表了!大名鼎鼎的WSH听说过吗？ 它就是Windows script Host的缩写形式，WSH是Wind
- MySQL使用环境变量TMPDIR的值作为保存临时文件的目录的路径名。如果未设置TMPDIR，MySQL将使用系统的默认值，通常为/tmp、
- 本文实例讲述了php实现的三个常用加密解密功能函数。分享给大家供大家参考，具体如下：算法一：//加密函数function lock_url(
- 在查询语句中使用 NOLOCK 和 READPAST 处理一个数据库死锁的异常时候，其中一个建议就是使用 NOLOCK 或者 READPAS
- 分享一下 在3est活动中学习的godlong的 代码如下:<％ Set xPost = createObject("Mi
- 网站改版，如何改?如果只是设计、功能和栏目等的稍微变动，这些很简单，从技术 上说并没有多少难度。只是对于网站本身的发展来说，没有多大的作用，
- 本文实例讲述了Python模块的定义，模块的导入，__name__用法。分享给大家供大家参考，具体如下：相关内容：什么是模块模块的导入同级目
- 配置要求：IIS（win2000 server 自带）、Java 2 SDK 1.4.2 (或更高版本)、Tomcat Web Server
- <％ Function FileCounter(counter_file) Dim fs,txt,fi
- 细线边框是网页中定位区分内容常用的一种方法，配合特定图片的使用，往往能够达到不错的效果，那么如何制作细线边框呢？asp之家注：现在要实现这个
