JQuery点击事件回到页面顶部效果的实现代码


Posted in Javascript onMay 24, 2016

JQuery点击事件回到页面顶部效果的实现代码

//2个div,点击某个时回到顶部

<div style="height:1000px">111111111111111</div>
 <div id="top" >top</div>

<引用JQuery>

<script type="text/javascript">

$(function(){
 $("#top").click(function() {
   $("html,body").animate({scrollTop:0}, 500);
 }); 
 })

</script>

以上这篇JQuery点击事件回到页面顶部效果的实现代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js 省地市级联选择
Feb 07 Javascript
JavaScript 错误处理与调试经验总结
Aug 10 Javascript
js获取select默认选中的Option并不是当前选中值
May 07 Javascript
JavaScript实现的石头剪刀布游戏源码分享
Aug 22 Javascript
jquery简单实现网页层的展开与收缩效果
Aug 07 Javascript
jQuery滚动加载图片实现原理
Dec 14 Javascript
谈谈我对JavaScript原型和闭包系列理解(随手笔记6)
Dec 20 Javascript
详解VUE 定义全局变量的几种实现方式
Jun 01 Javascript
JS实现简单获取最近7天和最近3天日期的方法
Apr 18 Javascript
vue下history模式刷新后404错误解决方法
Aug 18 Javascript
jQuery UI实现动画效果代码分享
Aug 19 jQuery
Vue一次性简洁明了引入所有公共组件的方法
Nov 28 Javascript
JavaScript中判断数据类型的方法总结
May 24 #Javascript
JS实现回到页面顶部动画效果的简单实例
May 24 #Javascript
jQuery中借助deferred来请求及判断AJAX加载的实例讲解
May 24 #Javascript
JS 清除字符串数组中,重复元素的实现方法
May 24 #Javascript
原生js的数组除重复简单实例
May 24 #Javascript
实例讲解jQuery中对事件的命名空间的运用
May 24 #Javascript
json传值以及ajax接收详解
May 24 #Javascript
You might like
让PHP以ROOT权限执行系统命令的方法
2011/02/10 PHP
php实现RSA加密类实例
2015/03/26 PHP
php获取访问者IP地址汇总
2015/04/24 PHP
PHP长网址与短网址的实现方法
2017/10/13 PHP
PHP实现SMTP邮件的发送实例
2018/09/27 PHP
Yii框架where查询用法实例分析
2019/10/22 PHP
用Juery网页选项卡实现代码
2011/06/13 Javascript
JS跨域总结
2012/08/30 Javascript
JS实现光滑展开合拢的菜单效果代码
2015/09/16 Javascript
微信小程序 loading(加载中提示框)实例
2016/10/28 Javascript
如何用JS/HTML将时间戳转换为“xx天前”的形式
2017/02/06 Javascript
获取url中用&amp;隔开的参数实例(分享)
2017/05/28 Javascript
Angular.js中angular-ui-router的简单实践
2017/07/18 Javascript
利用vue.js实现被选中状态的改变方法
2018/02/08 Javascript
使用 electron 实现类似新版 QQ 的登录界面效果(阴影、背景动画、窗体3D翻转)
2018/10/23 Javascript
ES6 Object.assign()的用法及其使用
2020/01/18 Javascript
JavaScript实现横版菜单栏
2020/03/17 Javascript
使用cx_freeze把python打包exe示例
2014/01/24 Python
python生成器与迭代器详解
2019/01/01 Python
python使用正则表达式(Regular Expression)方法超详细
2019/12/30 Python
python对数组进行排序,并输出排序后对应的索引值方式
2020/02/28 Python
Tensorflow--取tensorf指定列的操作方式
2020/06/30 Python
什么是Rollback Segment
2013/04/22 面试题
Linux操作面试题
2015/02/11 面试题
优秀学生干部推荐材料
2014/02/03 职场文书
教师见习期自我鉴定
2014/04/28 职场文书
幼儿园安全生产月活动总结
2014/07/05 职场文书
赔偿协议书怎么写
2015/01/28 职场文书
综治目标管理责任书
2015/05/11 职场文书
超级礼物观后感
2015/06/15 职场文书
村官2015年度工作总结
2015/10/14 职场文书
2016教师年度考核评语大全
2015/12/01 职场文书
个人的事迹材料怎么写
2019/04/24 职场文书
python使用XPath解析数据爬取起点小说网数据
2021/04/22 Python
vue3使用vue-router的完整步骤记录
2021/06/20 Vue.js
科普 | 业余无线电知识-波段篇
2022/02/18 无线电