google不愧为学术泰斗，小小脚本都可以随便下载

  我打了个包 发一下大家研究下。

<script> var hP=[0,-52,-104,-156,-208,-260,-312]; var Class = { create: function() { return function() { this.initialize.apply(this, arguments); } } } var gM = Class.create(); gM.prototype = { initialize:function(vP,url,description) { var TO,i=0; var d=document.createElement("div"); var a=document.createElement("a"); var s=document.createElement("span"); var t=document.createTextNode(description); s.style.backgroundPosition="left "+vP+"px"; a.setAttribute("href",url); a.appendChild(s); a.appendChild(t); d.appendChild(a); document.body.appendChild (d); a.onmouseover=function() { if(i<hP.length) { s.style.backgroundPosition=hP[i]+"px "+vP+"px"; i++; TO=setTimeout(arguments.callee,60); } else clearTimeout(TO); }; a.onmouseout=function() { clearTimeout(TO); if(i>0) { s.style.backgroundPosition=hP[i-1]+"px "+vP+"px"; i--; TO=setTimeout(arguments.callee,60); } else clearTimeout(TO); }; } } function init() { new gM('0','#','Gmail'); new gM('-37','#','Calendar'); new gM('-74','#','Toolbar'); new gM('-111','#','Desktop'); new gM('-148','#','Picasa'); new gM('-185','#','Gtalk'); new gM('-222','#','Notebook'); } window.onload=init; </script> <style> a { text-decoration:none; display:block; float:left; line-height:50px; } span { width:52px; height:37px; background:url(http://www.google.co.kr/ig/f/AaEyQnOaAr4/intl/ALL_kr/svc_sprite_all.gif ) no-repeat left top; float:left; } </style>
 提示：您可以先修改部分代码再运行

别人写的..

引用:

原帖由 wuleying 于 2008-3-26 10:46 发表
[html]

var hP=[0,-52,-104,-156,-208,-260,-312];
var Class = {
  create: function() {
    return function() {
      this.initialize.apply(this, arguments);
    }
  }
}
var gM = Class.cr ...

比原版差一些, 鼠标移动的时候, 容易没响应, 或者只显示一步动画就停在某张图上不动了

N久以前久更新了吧？？

想办法得用上这个。。很好

很好的效果