论坛首页 Web前端技术论坛

Google 动画菜单效果实现

浏览 4050 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2008-09-06  

         相信很多朋友第一次见到Google的动画导航条,都误以为是Flash吧?(这其中也包括了我o(∩_∩)o...)仅仅使用了一张背景图片就做出了这么漂亮的导航条,Google的创意总是让人兴奋不已。也许不久的将来,这个小技巧会在更多的网页中得到应用。


         既然思路很简单,那就没有必要去翻Google的实现代码了。自己动手写一个吧。有必要提一下的是在写这个脚本的时候,遇到了一个IE6的BUG,Google搜索了一下,发现是IE6的背景图片加载机制有问题。IE6每次都优先从服务器重新请求背景图片,而不是从缓存里加载(汗啊……)。解决方法如下:

 

if(!!(window.attachEvent && !window.opera)) {
	document.execCommand("BackgroundImageCache",false,true);
}

         脚本的代码是公开的,有兴趣的朋友可以下载查看一下效果,但是请遵守MIT协议

   发表时间:2008-09-07  
very googd  thanks  very much
0 请登录后投票
   发表时间:2008-09-08  
呵呵,说起这个,早先我也实现了一把,用的Cavans绘制圆角矩形,这个是可以自适应的哦:
http://scriptfans.iteye.com/admin/blogs/182840
0 请登录后投票
   发表时间:2008-09-09  
不说还真的以为是flash啊
0 请登录后投票
   发表时间:2008-09-12  
很好,很强大,问下图片背景和页面背景不一样的时候就比较难看,大家有什么解决方案吗?
  • 大小: 1.5 KB
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics