高级转到顶部链接(HTML)

作者 : OO资源中心 发布时间: 2020-10-23 文章热度:620 共691个字,阅读需2分钟。 本文内容有更新 字体:

 

此示例说明如何使用JavaScript和HTML锚点创建高级的“转到顶部”链接。
您将注意到,该方法不会在URL上添加#top。

<!------>
 
<script type="text/javascript">
 
function init(){
    document.getElementById('gtop').onclick = function(){ 
        window.scrollTo(0,0); 
        return false; 
    }
}
 
onload=init;
 
</script>
 
<a name="top"></a>
 
<h1>Top position</h1>
 
<p>
    A long text ....<br/>
    A long text ....<br/>
    A long text ....<br/>
    A long text ....<br/>
    A long text ....<br/>
    A long text ....<br/>
</p>
 
<!-- create a long page -->
<br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/>
 
 
<p>
    Last paragraph.
</p>
 
<br/>
<br/>
 
<a href="#top" id="gtop">Go to top</a>
 
<br/>
<br/>

 

相关推荐: HTML5:有趣的Siri界面特效

代码介绍 html5 css3制作黑色全屏的Siri打开界面,有趣的Siri交谈界面,酷炫的Siri界面特效。 演示截图 相关推荐: HTML5:Aoiplayer弹幕视频播放器插件资源介绍 jQuery Aoiplayer弹幕视频播放器插件,可自定义mp4视…


关注微信公众号『OOINK』

第一时间了解最新资源动态关注OO.INK不迷路~

常见问题FAQ

免费下载或者VIP会员专享资源能否直接商用?
本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
下载资源需要解压密码,解压密码是什么?
如下载的资源需要解压密码,请查看下载页右侧查找解压密码;
如没有解压密码请尝试默认解压密码:www.oo.ink 或者 oo.ink
或者联系我们获取解压密码!
1、本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2、分享目的仅供大家学习和交流,请不要用于商业用途!
3、本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
4、如有链接无法下载、失效或广告,请联系管理员处理!
5、本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!

OO.INK资源网 » 高级转到顶部链接(HTML)
+已在风雨中度过
为兴趣而改变,为梦想而努力!
+已坚持更新
时时更新,确保最新~

开通SVIP,畅享全站资源下载~

立即了解