很好用的返回顶部代码

需要调用Jquery文件哦

JS代码如下：

 jQuery(document).ready(function ($) {$('.rtTop h4 img').hover(function () {$(this).stop().animate({ "top": "-43px" }, 200)}, function () {$(this).stop().animate({ "top": "0" }, 200)})$(window).scroll(function () {var st = $(document).scrollTop();if (st > 200) {$('.rtTop').show();} else {$('.rtTop').hide();}})$('.rtTop h4').click(function () {$('html,body').animate({ 'scrollTop': 0 }, 500);});//回到顶部函数});

HTML代码如下：

<div class="rtTop"><h4> <img src="data:images/backBg.png" width="43" height="86" alt="返回顶部"title="返回顶部" /></h4>
</div>

很好用的返回顶部代码相关推荐

jQuery火箭图标返回顶部代码
在网上找来段使用jQuery火箭图标返回顶部代码,感觉比较酷,比较炫,大概样式如下, 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1. ...
教你网站怎么添加返回顶部代码?
网站添加返回顶部有好几种,下面我简单介绍下: 1 使用文字添加方法最简单的是:最简单的"返回顶部"代码就是"<a href="javascript:scr ...
网页中返回顶部代码(多种方法)另附注释说明
下面就说下简单的返回顶部效果的代码实现,附注释说明,最简单的静态返回顶部,点击直接跳转页面顶部及用js模拟滚动效果上滑至顶部下面就说下简单的返回顶部效果的代码实现,附注释说明. 1. 最简单的静态返 ...
简单返回顶部代码及注释说明（转）
最近做了一个排行榜页面,分类较多,并且以图文形式展示......最后页面明显过长了,用户体验自然不够好.最后想着在页面上部增加了页面内跳转导航,直接导航到本页的分类命名锚块.当然这就需要结合" ...
返回顶部php代码,网页中返回顶部代码(多种方法)另附注释说明_jquery
下面就说下简单的返回顶部效果的代码实现,附注释说明. 1. 最简单的静态返回顶部,点击直接跳转页面顶部,常见于固定放置在页面底部返回顶部功能方法一:用命名锚点击返回到顶部预设的id为top的元素 f ...
隐藏html5回到顶部,用jQuery实现的智能隐藏、滑动效果的返回顶部代码
在线DEMO:传送门 HTML代码(放在页面任意位置,并用CSS美化): 回到顶部 JS代码: $(document).ready(function() { //首先将#back-to-top隐藏 $ ...
JQ返回顶部代码分享~~~~
1.jq代码: <script type="text/javascript">$(function() {$("#tbox").click(scro ...
Javascript返回顶部和砸金蛋，跑马灯等游戏代码实现
1. 我们经常写页面的时候会遇到页面很长需要做返回顶部的操作: $("id /class").animate({scrollTop:$('.class').offset().top ...
返回顶部酷炫小火箭发射代码
很酷炫哦,直接粘贴即可 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http ...
页面返回顶部（方法比较）
下面就说下简单的返回顶部效果的代码实现,附注释说明. 1. 最简单的静态返回顶部,点击直接跳转页面顶部,常见于固定放置在页面底部返回顶部功能方法一:用命名锚点击返回到顶部预设的id为top的元素 h ...

很好用的返回顶部代码

很好用的返回顶部代码相关推荐

最新文章

热门文章