返回顶部制作网页如何做出“返回顶部”图标并固定在页面右下的位置？
返回顶部 时间: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>
- 返回顶部制作网页如何做出“返回顶部”图标并固定在页面右下的位置？相关文档
- 返回顶部如何为WordPress主题添加一个返回顶部按钮
- 返回顶部淘宝返回顶部怎么制作
- 返回顶部微信朋友圈怎么快速返回顶部
- 返回顶部淘宝旺铺装修底部的返回顶部链接怎么做
- 返回顶部淘宝返回顶部代码是什么啊？
- 返回顶部谁能介绍一个网站“返回顶部”的详细方法？要详细一点的，我不太会搞，谢谢啦！
DiyVM（50元起）老牌商家,香港沙田CN2直连vps/不限流量/五折终身优惠
diyvm怎么样?diyvm是一家国内成立时间比较久的主机商家了，大约在6年前站长曾经用过他家的美国机房的套餐，非常稳定，适合做站，目前商家正在针对香港沙田机房的VPS进行促销，给的是五折优惠，续费同价，香港沙田机房走的是CN2直连的线路，到大陆地区的速度非常好，DiyVM商家采用小带宽不限流量的形式，带宽2Mbps起步，做站完全够用，有需要的朋友可以入手。diyvm优惠码：五折优惠码：OFF50...
IntoVPS：按小时计费KVM月费5美元起($0.0075/小时),6个机房可选
IntoVPS是成立于2004年的Hosterion SRL旗下于2009年推出的无管理型VPS主机品牌，商家提供基于OpenStack构建的VPS产品，支持小时计费是他的一大特色，VPS可选数据中心包括美国弗里蒙特、达拉斯、英国伦敦、荷兰和罗马尼亚等6个地区机房。商家VPS主机基于KVM架构，最低每小时0.0075美元起($5/月)。下面列出几款VPS主机配置信息。CPU：1core内存：2GB...
JustHost：俄罗斯/新西伯利亚vps,512MB内存/5GB空间/不限流量/200Mbps/KVM/自由更换IP,$1.57/月
justhost怎么样?justhost是一家俄罗斯主机商，2006年成立，提供各种主机服务，vps基于kvm，有HDD和SSD硬盘两种，特色是200Mbps不限流量(之前是100Mbps，现在升级为200Mbps)。下面是HDD硬盘的KVM VPS，性价比最高，此外还有SSD硬盘的KVM VPS，价格略高。支持Paypal付款。国内建议选择新西伯利亚或者莫斯科DataLine。支持Paypal付...
返回顶部为你推荐
-
按键精灵教程按键精灵教程什么是cookie电脑里的cookies是什么意思,什么中文意思?招行信用卡还款我是招行的信用卡！该怎么还款监控员工监控员都干什么？乐辞乐的组词有什么官方网店官方网店和官方旗舰店有什么区别?java变量设置java的环境变量设置安全工程师待遇注册安全工程师现在一般工资是多少？未来前景如何上网能干什么手机上网能干什么有意思的事给我介绍一下申请信箱怎么样申请一个免费的信箱