相信很多朋友第一次见到Google的动画导航条,都误以为是Flash吧?(这其中也包括了我o(∩_∩)o...)仅仅使用了一张背景图片就做出了这么漂亮的导航条,Google的创意总是让人兴奋不已。也许不久的将来,这个小技巧会在更多的网页中得到应用。
既然思路很简单,那就没有必要去翻Google的实现代码了。自己动手写一个吧。有必要提一下的是在写这个脚本的时候,遇到了一个IE6的BUG,Google搜索了一下,发现是IE6的背景图片加载机制有问题。IE6每次都优先从服务器重新请求背景图片,而不是从缓存里加载(汗啊……)。解决方法如下:
if(!!(window.attachEvent && !window.opera)) {
document.execCommand("BackgroundImageCache",false,true);
}
脚本的代码是公开的,有兴趣的朋友可以下载查看一下效果,但是请遵守MIT协议