jquery实现跳到底部，回到顶部效果的简单实例(类似锚)
实例如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery实现跳到底部，回到顶部效果的简单实例(类似锚)</title>
<script src="jquery-1.4.4.min.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(function(){
$('#top').click(function(){$('html,body').animate({scrollTop: '0px'}, 1000);return false;});
$('#foot').click(function(){$('html,body').animate({scrollTop: $('#footer').offset().top},1000);return false;});
})
</script>
</head>
<body>
<br /><br /><br /><br /><br />
<br /><br /><br /><br /><br />
<a href="#" id="foot">跳到底部</a>
<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 />
<br/><br /><br /><br />
<br/><br /><br /><br />
<a href="#" id="top"> 返 回 顶 部 </a>
<br /><br /><br /><br /><br />
<br /><br /><br /><br /><br />
<a name="footer" id="footer"></a>
</body>
</html>
以上这篇jquery实现跳到底部，回到顶部效果的简单实例(类似锚)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持小牛知识库。
-
本文向大家介绍jQuery实现回到顶部效果，包括了jQuery实现回到顶部效果的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了jQuery实现回到顶部效果的具体代码，供大家参考，具体内容如下 动画：通过点击侧栏导航，页面到达相应的位置 jQuery方法：show(), hide(), animate() 动画效果： 代码： 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家
-
本文向大家介绍jQuery实现简单的回到顶部totop功能示例，包括了jQuery实现简单的回到顶部totop功能示例的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jQuery实现简单的回到顶部totop功能。分享给大家供大家参考，具体如下： 更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery窗口操作技巧总结》、《jQuery常用插件及用法总结》、《jquery中Aj
-
本文向大家介绍简单几步实现返回顶部效果，包括了简单几步实现返回顶部效果的使用技巧和注意事项，需要的朋友参考一下 今天与大家分享下网页中经常出现的返回顶部效果 相比原生Javascript，jquery实现起来能够省略不少代码。 接下来就直接贴代码啦： ok，是不是很简单，jquery直接为我们提供的animate方法可以很快实现返回顶部的动画效果。 以上就是本文的全部内容，希望对大家有所帮助，同
-
本文向大家介绍一句jQuery代码实现返回顶部效果（简单实用），包括了一句jQuery代码实现返回顶部效果（简单实用）的使用技巧和注意事项，需要的朋友参考一下 使用方法： 只需引用jQuery库和YesTop插件，然后一句代码就可以实现返回顶部： 引用代码： 使用代码： 也就是： $.fn.yestop(); 这句代码就可以了。 当然还有高级的设置，如换图片，设置图标为圆形，设置位置，设置时间等等
-
本文向大家介绍jQuery实现返回顶部效果的方法，包括了jQuery实现返回顶部效果的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jQuery实现返回顶部效果的方法。分享给大家供大家参考。具体实现方法如下： 1、首先是CSS样式： 2、接着是jquery代码：（要引入jQuery核心库） 3、引用页面： 希望本文所述对大家的jQuery程序设计有所帮助。
-
本文向大家介绍jquery实现的动态回到顶部特效代码，包括了jquery实现的动态回到顶部特效代码的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jquery实现的动态回到顶部特效代码。分享给大家供大家参考，具体如下： 这款jquery动态回到顶部特效，不是一下子就回到了网页顶部，而是带点缓冲的效果，有动画效果，使用了jQuery插件，这是个非常常用的网页特效，希望大家喜欢哦。 运行效果截