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 相关文章推荐
JavaScript 克隆数组最简单的方法
Feb 12 Javascript
javascript 多种搜索引擎集成的页面实现代码
Jan 02 Javascript
javascript 异步页面查询实现代码(asp.net)
May 26 Javascript
鼠标右击事件代码(asp.net后台)
Jan 27 Javascript
JS.findElementById()使用介绍
Sep 21 Javascript
我的Node.js学习之路(二)NPM模块管理
Jul 06 Javascript
js实现文字滚动效果
Mar 03 Javascript
js改变css样式的三种方法推荐
Jun 28 Javascript
Angularjs在初始化未完毕时出现闪烁问题的解决方法分析
Aug 05 Javascript
Vuejs第八篇之Vuejs组件的定义实例解析
Sep 05 Javascript
VUE中的无限循环代码解析
Sep 22 Javascript
Vue.js中对css的操作(修改)具体方式详解
Oct 30 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版小黄鸡simsimi聊天机器人接口分享
2014/01/26 PHP
thinkPHP中session()方法用法详解
2016/12/08 PHP
php 使用html5 XHR2实现上传文件与进度显示功能示例
2020/03/03 PHP
javascript 操作select下拉列表框的一点小经验
2010/03/20 Javascript
jQuery当鼠标悬停时放大图片的效果实例
2013/07/03 Javascript
浅析offsetLeft,Left,clientLeft之间的区别
2013/11/30 Javascript
Jquery Ajax解析XML数据(同步及异步调用)简单实例
2014/02/12 Javascript
js动态拼接正则表达式的两种方法
2014/03/04 Javascript
jquery通过visible来判断标签是否显示或隐藏
2014/05/08 Javascript
分享一款基于jQuery的视频播放插件
2014/10/09 Javascript
node.js中的fs.statSync方法使用说明
2014/12/16 Javascript
JS动态创建元素的两种方法
2016/04/20 Javascript
Bootstrap+jfinal实现省市级联下拉菜单
2016/05/30 Javascript
jQuery ajaxSubmit 实现ajax提交表单局部刷新
2016/07/04 Javascript
Node.js Streams文件读写操作详解
2016/07/04 Javascript
AngularJS教程之环境设置
2016/08/16 Javascript
JavaScript实现的数字与字符串转换功能示例
2017/08/23 Javascript
理解 JavaScript EventEmitter
2018/03/29 Javascript
如何用原生js写一个弹窗消息提醒插件
2019/05/24 Javascript
JS浮点数运算结果不精确的Bug解决
2019/08/01 Javascript
JavaScript实现电灯开关小案例
2020/03/30 Javascript
推荐11个实用Python库
2015/01/23 Python
python异常和文件处理机制详解
2016/07/19 Python
解决python3爬虫无法显示中文的问题
2018/04/12 Python
Python实现拷贝/删除文件夹的方法详解
2018/08/29 Python
python 使用 requests 模块发送http请求 的方法
2018/12/09 Python
Python list与NumPy array 区分详解
2019/11/06 Python
tensorflow tf.train.batch之数据批量读取方式
2020/01/20 Python
python 实现多维数组(array)排序
2020/02/28 Python
网页设计个人找工作求职信
2013/11/28 职场文书
财务担保书范文
2014/04/02 职场文书
初中作文评语大全
2014/04/23 职场文书
小学生自我评价100字(15篇)
2014/09/18 职场文书
医德医风个人工作总结2014
2014/11/14 职场文书
文艺委员竞选稿
2015/11/19 职场文书
Linux中各个目录的作用与内容
2022/06/28 Servers