6878人阅读
本文介绍三款简单的返回页面顶部代码，可以使用简单的HTML锚标记，也可使用Javascript Scroll函数动态返回，其它的还有悬浮脚本等有点复杂了，本文不再介绍，大家根据自己需要选择其中的一种即可，总之简约最美的，能减少代码就减少代码，能不调用的就别调用，要不是天缘博客的文章都是牛长也不会添加这个功能。
一、使用锚标记返回页面顶部
使用HTML锚标记最简单，就是看起来有点不好看，点击后会在地址栏显示这个锚标记，其它的倒没什么。
页面顶部放置：
&a name="top" id="top"&&/a&
放置位置在&body&标签之后随便找个地方放都可以，只要靠近顶部即可。
页面底部放置：
&a href="#top" target="_self"&返回顶部&/a&
二、使用Javascript Scroll函数返回顶部
scrooll函数用来控制滚动条的位置，有两种很简单的实现方式：
&a href="javascript:scroll(0,0)" mce_href="javascript:scroll(0,0)"&返回顶部&/a&
scroll第一个参数是水平位置，第二个参数是垂直位置，比如要想定位在垂直50像素处，改成scroll(0,50)就可以了。
本方式是渐进式返回顶部，要好看一些，代码如下：
function pageScroll() {
window.scrollBy(0,-10);
scrolldelay = setTimeout('pageScroll()',100);
&a href="pageScroll();" mce_href="pageScroll();"&返回顶部&/a&
这样就会动态返回顶部，不过虽然返回到顶部但是代码仍在运行，还需要在pageScroll函数加一句给停止掉。
if(document.documentElement.scrollTop==0) clearTimeout(scrolldelay);
三、使用Onload加上scroll功能实现动态返回顶部
1、首先在网页BODY标签结束之前加上：
&div id="gotop"&返回顶部&/div&
2、再调用以下JS脚本部分（本脚本非天缘原创，早前来源于Z-BLOG官方论坛上收集，源包未带作者链接，如果原作者看到敬请留言添加）：
BackTop=function(btnId){
var btn=document.getElementById(btnId);
var d=document.documentE
window.onscroll=
btn.onclick=function (){
btn.style.display="none";
window.onscroll=
this.timer=setInterval(function(){
d.scrollTop-=Math.ceil(d.scrollTop*0.1);
if(d.scrollTop==0) clearInterval(btn.timer,window.onscroll=set);
function set(){btn.style.display=d.scrollTop?'block':"none"}
BackTop('gotop');
对Z-BLOG而言，可以放到$(document).ready(function(){....函数中，也可以独立存成一个js文件，比如gotop.js，再通过：
&SCRIPT src="/js/gotop.js" type=text/javascript&&/SCRIPT&
来调用，当然了位置最好放在&返回顶部&标签的下面，该调用方法已假设路径为JS，其它位置请自行修改。
上述返回顶部代码都是文字式样的，也可以把文字更换为漂亮一点的图标，另外还有悬浮状的返回顶部代码（就是页面滚动时，返回顶部图标也会跟着跑的那种），需要使用到层等，搞的有点复杂了，本文暂不列出。
参考资料：
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：148239次
积分：2191
积分：2191
排名：第6405名
原创：55篇
转载：37篇
评论：48条
(1)(1)(1)(3)(6)(17)(1)(1)(5)(2)(1)(1)(2)(2)(2)(4)(1)(4)(1)(1)(8)(10)(7)(8)(5)(1)js联动下拉菜单第二项选择后怎么样直接跳转_百度知道
楼上的方法可以
其他类似问题
下拉菜单的相关知识
其他2条回答
在第二个列表选项中加js代码&select name=
也可以给第二个下拉列表加一个js函数呀,象第一个一样,onChange=&aaa()&然后在function aaa(){}里设置跳转.
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁上篇给博客升了级，准备换个皮，试了几个都不甚理想，于是在现有基础上，自己动手改造一下。随时记一些进展，今天给博客底部加上了TOP锚，运用了JS &页面锚点跳转平滑滚动&特效，这样从博客底部返回顶部更轻松些，以下是从找到的代码。JS引用&script type=&text/javascript& src=&你的域名/script/smooth.js&&&/script&JS代码右键另存为，下载，我就不贴源码了。Demo在主页底部找到&Fly&，点一下飞上来。注意此代码的强大在于不需要你做另外其它的设置，自动实现所有锚链接的效果，你可以随便建立任何锚点链接都能够识别而应用，只须将对象的 ID 前面加 # 作为链接对象即可，而且可以自定义滑动的速度。本来想应用WP的MG12皮肤来实现这个功能，但是它的JS函数没有现在这个灵活。这个JS无需给链接增加行为，自动侦察页面的锚链接，从而实现页内锚的缓冲平滑滚动。需要注意的是，一定要给链接定义ID，不能仅仅使用#，比如我的调用是这样的，z-bloger可以参考一下：锚点：&div id=&divTop&&锚链：&a id=&gotop& href=&#divTop&&Fly&/a&题外话本来还准备搞个源码高亮显示，后来发现过程太繁锁，而且需要改动z-blog源码，这为以后升级会太来麻烦，于是放弃。还要说一下，目前博客页面正在调整改造过程中，如发现页面支离破碎，请见谅。
( 19:52:42)( 9:55:33)( 15:13:9)( 10:53:57)( 9:44:12)( 17:28:31)( 16:54:20)( 15:55:58)( 0:18:57)( 15:46:31)周最佳版主周最佳会员易拍易卖最近结拍：凑钱还房贷 2声母(21:00)(21:01)乙肝，一亿多患者(21:02)4位精品,低价出售(21:18)(21:18)智吧，直播吧，赚(21:24)凑钱还房贷 2声母(21:25)凑钱还房贷 2声母(21:31)小店铺、现贷派、(21:33)凑钱还房贷 2声母(21:35)运动服、云端付、(21:39)凑钱还房贷
3666(21:40)上购物要我，上购(21:48)(21:50)凑钱还房贷 2声母(21:55)TBE(21:57)
查看: 7834|回复: 21
HTML类、ASP类、JS类页面跳转代码
阅读权限30
本帖最后由 好大一只虫 于
22:17 编辑
据说跳转页面对百度收录很有影响，所以我推荐大家用下面这段代码，不会影响百度收录，冷MJJ用的就是这个。
友情提醒：复制代码时不要把汉字复制进去了，记得删掉。
我还是解释一下吧，下面这段代码的意思是只要检测到地址栏中输入的地址是就不进行任何操作，如果不是则自动跳到转到，比如做过泛解析，但访客输入的域名是或者，这时就会自动跳转到，大家应该明白了吧？
&script language=&javascript&&
if (location.host != &&)
top.location = &&;
此代码不需要单独建立页面，只需要在首页文件index.htm、index.html、index.asp、index.php&&(如果空间存在多个首页文件请进空间后台查看优先级，排第一的那个首页文件是优先执行的)&&中的&head&区域加入下面这段代码即可，注意把地址改成你自己的域名。
&script language=&javascript&&
&!--
if (location.host != &&)
top.location = &&;
//--&
&/script&复制代码
1：HTML跳转代码
&meta http-equiv=&refresh& content=&5; url=:88&&
意思是5秒后自动跳转，设为0则是立即跳转，复制下面的代码直接保存为“index.htm”上传到空间根目录即可，记得把地址改成你自己的&meta http-equiv=&refresh& content=&5; url=:88&&复制代码
2：ASP跳转代码
&%response.redirect &:88&%&
ASP类的不能设置时间，且空间必须支持ASP功能，复制下面的代码直接保存为“index.asp”上传到空间根目录即可，记得修改成你自己的地址&%response.redirect &:88&%&复制代码
3：JS根据访客输入的域名跳转到指定域名或页面
&script language=&javascript&&
var url = location.
if (url == &&)&&假如输入的域名是
top.location = && 则跳转到百度
top.location = &.hk&&&如果不是就跳转到谷歌
复制下面的代码直接保存为“index.htm”，上传到空间根目录即可&script language=&javascript&&
&!--
var url = location.
if (url == &&)
{
top.location = &&
}
else {
top.location = &.hk&
}
//--&
&/script&复制代码
一口价：3000元
剩余时间：23天
一口价：1500元
剩余时间：23天
一口价：1500元
剩余时间：23天
一口价：80000元
剩余时间：23天
一口价：30000元
剩余时间：23天
一口价：50000元
剩余时间：23天
感谢分享。
阅读权限40
特别补充，如果空间可以绑定顶级域名至子目录。此方法可行，如果空间不支持。则再需要一个空间才能实现此类跳转。
特别感谢好大一只虫的辛苦劳动，虽然说是小技术，但对于一般如我一样的菜鸟而言，这就是及时雨了，很多人问过我，现在虫子兄为我们答疑解惑了，再次表示感谢。
阅读权限30
本帖最后由 好大一只虫 于
22:17 编辑
冷JJ需要的东东，大家可以参考一下&script language=&javascript&&
&!--
var url = location.
if (url == &&)
{
top.location = &/default.html&
}
else if (url == &www.abc.net&)
{
top.location = &/default.html&
}
else if (url == &www.abc.org&)
{
top.location = &/default.html&
}
//--&
&/script&复制代码&script language=&javascript&&
&!--
if (location.host != &&)
top.location = &&;
//--&
&/script&复制代码
一口价：3000元
剩余时间：23天
一口价：1500元
剩余时间：23天
一口价：1500元
剩余时间：23天
一口价：80000元
剩余时间：23天
一口价：30000元
剩余时间：23天
一口价：50000元
剩余时间：23天
阅读权限20
呵呵，看看了
阅读权限20
不错的跳转代码
阅读权限20
阅读权限30
阅读权限30
真的是很不错的一段跳转代码，谢谢“好大一只虫”给予资源的共享！
阅读权限60
不错。支持
竞价：48元
剩余时间：2天
竞价：60元
剩余时间：2天
竞价：48元
剩余时间：2天
竞价：48元
剩余时间：2天
竞价：48元
剩余时间：2天
竞价：48元
剩余时间：2天
阅读权限40
顶顶。好东西别沉了。
阅读权限40
好帖子，做个记号
一口价：1800元
剩余时间：2天
一口价：1800元
剩余时间：6天
一口价：5000元
剩余时间：6天
一口价：2800元
剩余时间：6天
一口价：1500元
剩余时间：6天
一口价：5800元
剩余时间：6天
阅读权限30
很有用的东西
阅读权限20
实用，先收藏了。
阅读权限30
一口价：2780元
剩余时间：49天
一口价：1000000元
剩余时间：49天
阅读权限30
好贴，收藏了，备用
阅读权限20
非常不错,谢谢
阅读权限20
你发错地方了，给自己合理做广告
阅读权限30
呵呵，。不错，不过我会写了！~
一口价：2780元
剩余时间：49天
一口价：1000000元
剩余时间：49天
阅读权限30
广州狼狐 发表于
你发错地方了，给自己合理做广告
代码中总会有个链接，那既然都是链接，我为什么不用自己的呢？
你不喜欢的话可以直接忽视，没必要在这个问题上纠结吧？
一口价：3000元
剩余时间：23天
一口价：1500元
剩余时间：23天
一口价：1500元
剩余时间：23天
一口价：80000元
剩余时间：23天
一口价：30000元
剩余时间：23天
一口价：50000元
剩余时间：23天
Powered by