简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

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

来源:易贤网   阅读:1294 次  日期:2016-06-23 16:18:30

温馨提示:易贤网小编为您整理了“JQuery点击事件回到页面顶部效果的实现代码”,方便广大网友查阅!

下面小编就为大家带来一篇JQuery点击事件回到页面顶部效果的实现代码。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。

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点击事件回到页面顶部效果的实现代码就是小编分享给大家的全部内容了,希望能给大家一个参考

更多信息请查看网络编程
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:jQuery中借助deferred来请求及判断AJAX加载的实例讲解
下一篇:JS实现回到页面顶部动画效果的简单实例
易贤网手机网站地址:JQuery点击事件回到页面顶部效果的实现代码
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!