在木蚂蚁（http://www.mumayi.com/）页面的右下角有个小火箭，点击之后，可以回到页面的顶部，而且还有火箭的动态的效果。
于是将木蚂蚁的页面另存为下来，研究是怎么用js和css实现的。自己将页面中的其他元素删除掉，只留下最简洁的demo页面。
Demo的目录结构是：
Index.html的代码是：
<!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">
<link rel="stylesheet" type="text/css" href="./css/mybody.css" media="all" />
<script language="javascript" type="text/javascript" src="./js/jquery-1.4.4.min.js"></script>
</head>
<body>
<div id="scrollTop">
<div class="level-2"></div>
<div class="level-3"></div>
</div>
<script src="./js/script.js"></script>
<script type="text/javascript">
UI.global_search();
var uvOptions = {};
// !important
(function() {
initScrollTop();
})();
</script>
</body>
</html>
实现这个小火箭的功能需要用到一个css样式，和两个js文件还有一张图片。
这个demo支持IE8、chrome、firefox三大主流浏览器。
Demo的下载的地址：（ps：下载无需积分）
http://download.csdn.net/detail/xcxinghai/5579727
ps:我的新博客地址：http://www.xinghaixu.com
分享到：
相关推荐
小火箭回到顶部，木蚂蚁的首页的右下角的小火箭的实现的demo。欢迎大家下载学习。
jQuery火箭回到星空顶部效果
jQuery可爱火箭回到顶部效果代码，当滑动网页到下面的时候，会出现小火箭，到顶部，小火箭消失，点击小火箭有个返回顶部的效果，一般我们在商城网站或者企业网站中经常用到这样的效果,php中文网推荐下载！
回到顶部火箭特效
一个国外的网站下载的，点击火箭，返回页面顶部的功能，效果不错，带动画显示，狂霸酷炫，强烈推荐；页面包含JS
jQuery可爱火箭回到顶部效果代码
jQuery小火箭放回顶部.rar
如今越来越多的页面会用到无限下拉的异步加载方式，那么问题来了，如果下拉之后我们想回到顶部怎么办呢？这时就需要一个能够固定在窗口上的小火箭.
这是一款基于jquery小火箭返回顶部特效源码，解决了页面太长造成的用户返回页面顶端困难。 为大家分享的jquery小火箭返回顶部代码如下 <head> <title>jquery小火箭返回顶部代码</title> <link...
此代码内容为jQuery火箭点火升空返回顶部代码，属于站长常用代码，更多悬浮漂浮代码请访问懒人图库JS代码频道。
火箭返回页面顶部动画效果是一款基于jQuery实现的返回顶部网页代码，点击页面右下角显示火箭动画效果，星空网页背景。
Query火箭图标返回顶部代码是一款滚动条滑到距离顶部100PX时，火箭图标返回顶部按钮会出现，点击火箭图标，页面会回到顶部，同时火箭图标也会向顶部飞去。
jQuery火箭回到星空顶部效果，顶部为固定导航效果，可根据需求使用，兼容主流浏览器.rar
js特效脚本含源码和说明jQuery火箭回到星空顶部效果本资源系百度网盘分享地址
jquery火箭上升回页面顶部，素材是17素材网的东西，下载保存自用
jQuery右下角浮动层火箭动画返回顶部效果代码
HTML5 svg火箭动画返回顶部代码，一飞冲天火箭动画效果。
html5 svg一飞冲天火箭动画返回顶部特效
jQuery火箭图标返回顶部代码是一款滚动条滑到距离顶部100PX时，火箭图标返回顶部按钮会出现，点击火箭图标，页面会回到顶部，同时火箭图标也会向顶部飞去。
Query火箭图标返回顶部代码是一款滚动条滑到距离顶部100PX时，火箭图标返回顶部按钮会出现，点击火箭图标，页面会回到顶部，同时火箭图标也会向顶部飞去。