返回顶部制作网页如何做出“返回顶部”图标并固定在页面右下的位置?

返回顶部  时间:2022-03-01  阅读:()

制作网页如何做出“返回顶部”图标并固定在页面右下的位置?

<!DOCTYPE?HTML> <html> <head> <meta?charset=UTF-8> <title>SCROLL</title> <style?type="text/css"> </style> <script?type="text/javascript"> var?goToWhere?=?function?(where) ????{ ????var?me?=?this; ????clearInterval?(me.interval); ????me.site?=?[]; ????var?dom?=?!/.*chrome.*/i.test?(navigator.userAgent)???document.documentElement?:?document.body; ????var?height?=?!!where???dom.scrollHeight?:?0; ????me.interval?=?setInterval?(function?() ????{ ????var?speed?=?(height?-?dom.scrollTop)?/?16; ????if?(speed?==?me.site[0]) ????{ ????clearInterval?(me.interval); ????return?null; ????} ????dom.scrollTop?+=?speed; ????me.site.unshift?(speed); ????},?16); ????}; </script> </head> <body> <div?style="height:?1000px;?text-align:?center;?font-size:?200px;?font-weight:?bold;">5</div> <div?style="height:?1000px;?text-align:?center;?font-size:?200px;?font-weight:?bold;">4</div> <div?style="height:?1000px;?text-align:?center;?font-size:?200px;?font-weight:?bold;">3</div> <div?style="height:?1000px;?text-align:?center;?font-size:?200px;?font-weight:?bold;">2</div> <div?style="height:?1000px;?text-align:?center;?font-size:?200px;?font-weight:?bold;">1</div> <div?style="height:?1000px;?text-align:?center;?font-size:?200px;?font-weight:?bold;">0</div> <div?id="back-up"?onclick="goToWhere(0)" style="border:?1px?solid?red;?height:?100px;?width:?15px;?position:?fixed;?cursor:?pointer;?right:?10px;?bottom:?150px;">返回顶部</div> <div?id="back-up"?onclick="goToWhere(1)" style="border:?1px?solid?red;?height:?100px;?width:?15px;?position:?fixed;?cursor:?pointer;?right:?10px;?bottom:?30px;">返回底部</div> </body> </html>

零途云月付31.9元起,香港cn2 gia线路

零途云是一家香港公司,主要产品香港cn2 gia线路、美国Cera线路云主机,美国CERA高防服务器,日本CN2直连服务器;同时提供香港多ip站群云服务器。即日起,购买香港/美国/日本云服务器享受9折优惠,新用户有优惠码:LINGTUYUN,使用即可打折。目前,零途云还推出性价比非常高香港多ip站群云服务器,有需要的,可以关注一下。零途云优惠码:优惠码:LINGTUYUN (新用户优惠,享受9折优...

NameCheap域名转入优惠再次来袭 搜罗今年到期域名续费

在上个月的时候也有记录到 NameCheap 域名注册商有发布域名转入促销活动的,那时候我也有帮助自己和公司的客户通过域名转入到NC服务商这样可以实现省钱续费的目的。上个月续费转入的时候是选择9月和10月份到期的域名,这不还有几个域名年底到期的,正好看到NameCheap商家再次发布转入优惠,所以打算把剩下的还有几个看看一并转入进来。活动截止到9月20日,如果我们需要转入域名的话可以准备起来。 N...

CloudCone(1.99美元),可以额外选择Voxility高防IP

CloudCone 商家也是比较有特点的,和我们熟悉的DO、Vultr、Linode商家均是可以随时删除机器开通的小时计费模式。这个对于有需要短租服务器的来说是比较有性价比的。但是,他们还有一个缺点就是机房比较少,不同于上面几个小时计费服务商可以有多机房可选,如果有这个多机房方案的话,应该更有特点。这次我们可以看到CloudCone闪购活动提供洛杉矶三个促销方案,低至月付1.99美元。商家也可以随...

返回顶部为你推荐
返回怎么返回主页面?空间背景图片怎么设置空间背景图片教育城域网怎样进入寿光教育城域网网站jsp源码在网上下的jsp源码怎么运行?有数据库的工作经验介绍个人工作经历简介要怎么写工作经验介绍工作经历简介怎么写soap是什么意思肥皂剧是什么意思?主板说明书电脑主板的作用是什么?主板说明书请问那位有联想945GZ主板说明书购物网站设计如何制作购物网站
免费域名注册 长沙域名注册公司 3322动态域名注册 3322免费域名 企业主机 堪萨斯服务器 hawkhost mediafire下载工具 外国域名 godaddy域名转出 patcha php空间申请 dux 速度云 阿里校园 免费全能主机 ca187 smtp服务器地址 php服务器 谷歌台湾 更多