jQuery返回顶部

 时间:2024-10-13 08:23:19

1、打开html代码编辑器,新建一个html页面。如图:

jQuery返回顶部

3、在案例中,使用的jquery 引入jquery库(注意:一定要确认引入的jquery路径是否正确)。引入jquery代码:<script type="text/javascript" src="js/jquery-3.2.1.js" ></script>

jQuery返回顶部jQuery返回顶部jQuery返回顶部

6、页面所有代码。可以直接复制页面代码到粘贴到新建的html页面后保存后,修改引入的jquery路径为本地侨嚅检货路径,保存后使用浏览器打开即可看到效果。所有代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>点击按钮返回顶部</title> <script type="text/javascript" src="js/jquery-3.2.1.js" ></script> <script type="text/javascript"> function returnTop(){ //scrollTop:0设置返回顶部,1000表示返回顶部需要的时间是1秒 $('body,html').animate({scrollTop:0},1000); } </script> </head> <body> 你好我好大家好<br />你好我好大家好<br />你好我好大家好<br /> 你好我好大家好<br />你好我好大家好<br />你好我好大家好<br /> 你好我好大家好<br />你好我好大家好<br />你好我好大家好<br /> 你好我好大家好<br />你好我好大家好<br />你好我好大家好<br /> 你好我好大家好<br />你好我好大家好<br />你好我好大家好<br /> 你好我好大家好<br />你好我好大家好<br />你好我好大家好<br /> 你好我好大家好<br />你好我好大家好<br />你好我好大家好<br /> 你好我好大家好<br />你好我好大家好<br />你好我好大家好<br /> 你好我好大家好<br />你好我好大家好<br />你好我好大家好<br /> 你好我好大家好<br />你好我好大家好<br />你好我好大家好<br /> 你好我好大家好<br />你好我好大家好<br />你好我好大家好<br /> 你好我好大家好<br />你好我好大家好<br />你好我好大家好<br /> <input type="button" value="返回顶部" onclick="returnTop()"/> </body></html>

  • jquer如何在输入结束时触发事件
  • 如何制作DNF技能补丁(易懂的补丁制作图文教程)
  • 360浏览器修改浏览器UA标识
  • 怎样设置ul标签中单独的某一项显示不同格式
  • uTorrent如何启用udp tracker支持
  • 热门搜索
    忆苦思甜什么意思 槐角的功效与作用 柑橘的功效与作用 17度穿什么衣服 大男子主义是什么意思 什么专业适合女生 梦见抓鱼什么意思 unknown是什么意思 大大咧咧是什么意思 无所适从的意思