回到顶部代码(html返回首页代码)
2023-01-31 餐饮美食网 【 字体:大 中 小 】
回到顶部代码
网站的网页中都有返回顶部的功能,就是当用户访问网页时,可以迅速的返回顶部。也许会有人觉得这个功能很简单,没有什么说的,但据我目前所知,就有五种方法实现这个功能。而且不同的方法能实现的效果也是有所不同的。下面介绍下这些方法网页中“返回顶部”的html代码有好几种不同的编写方式:
1、简单的脚本可实现此功能:
代码:
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""
html xmlns=""
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312" /
title返回顶部/title
style type="text/css"
body{height:1000px;}
/style
/head
body
div style="height:800px; width:800px;"/div
a href="javascript:scroll(0,0)"返回顶部/a
/body
/html
2、采用JS实现返回顶部:
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""
html xmlns=""
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312" /
title返回顶部/title
style type="text/css"
body{height:1000px;}
/style
/head
body
div style="height:800px; width:800px;"/div
script src="js/gototop.js"/script
div class="back-top-container" id="gotop"
div class="yb_conct"
div class="yb_bar"
ul
li class="yb_top"返回顶部/li
/ul
/div
/div
/div
/body
/html
3、利用锚点返回顶部:
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""
html xmlns=""
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312" /
title返回顶部/title
/head
body
a href="#5F"顶部/a
div style="height:300px; width:300px;"/div
a name="5F"返回顶部/a
/body
/html
html返回首页代码
晕~~你问的也太笼统了吧~~简单地说要返回首页的话,只需要在你现在的页面上做一个链接就可以了,具体来说:\x0d\x0a返回首页\x0d\x0a//其中“首页地址”可以是相对路径也可以是绝对路径,推荐相对路径。\x0d\x0a返回上一步?应该是返回上一次操作的页面吧~~\x0d\x0a返回上一页\x0d\x0a。。打这么字可累啊~~~
一键回到顶部快捷键
microsoft word编辑中快速回到顶部的方法如下:
启动word软件,编辑到文档尾部时可以通过快捷键Ctrl+Home快速回到顶部,光标定位到文档开头;
在word中要回到文档顶部时可以通过Ctrl+Home组合键,同理,回到尾部时按下Ctrl+End可以定位到文档尾部。
如何自制蛋挞
肉火烧面怎么和面
奶茶几分糖好喝
过桥米线是哪里的?
面霜和乳液的区别
怎么摘隐形眼镜
粉饼和散粉的区别
冷烫和热烫的区别
高品质香水如何鉴别?用三步就可以解决
如何去除黑眼圈