Google首页的CSS Sprite
作者：三月的蚁穴 来源：三月的蚁穴 发布时间：2007-09-29 21:36:00
标签：css,sprite,google
如果你是一名Web Developer，而且还知道CSS Sprite这个词，请先去搜索一下，也许你正在使用这个技术，但只是不知道它的名字罢了。
刚才在Google搜索的首页，发现在body的onload里有这么一句：
if(document.images){new Image().src='/images/nav_logo3.png'}
那么来看看这个/file/UploadPic/20079/29/2007929213924854.png是个啥？
就是它：
这就是Google搜索的CSS Sprite应用。图片文件中基本上包含了Google搜索结果页面用到的所有图形。这些图形被放在了同一个文件中（使得即使看起来是多个图片，但连接数仍然为了1），而且在搜索首页预先加载，这样在搜索结果页面中就会更快速地将它们显示出来。
相关阅读：
0
投稿猜你喜欢
- 代码如下:< ％ Set fso=Server.CreateObject("Scripting
- 打开VB6，新建ActiveX DLL 2、在工程引用中加入Microsoft Active Server Pages Object Lib
Javascript有没有内存泄露？如果有，如何避免？鉴于最近有好几个人问到我类似的问题，看来大家对这部分内容还没有系统的研究过，因此，打算- 小编语：小编我最早使用的网页制作工作就是FrontPage啦，FrongPage方便简单，会用Word就能做网页。如果你对网页制作要求不高，
- 做一个项目用到Ajax,开始觉得挺好，后来发现一个问题，例如删除一项，恢复之后就不能再接着删除，必须要等一段时间，后来知道是IE缓存的问题。
- IN主要用于传入参数,可以是变量,常量,表达式,在子程序内部不能改变其值. 代码如下:DECLARE n NUMBER := 10; PRO
- 一般写ASP PHP代码的朋友都估计是采用直接操作SQL的吧~ 看以下的代码 <％ dim conn,rs&nbs
- 这几天一直在看《Pro JavaScript Techniques》，书中有不少优美、健壮代码，让我不得不惊叹老外对语言这东西的研究程度之深
- 安装 SQL2000 时，系统经常会提示：操作被挂起，要求重新启动计算机，如图1: 图1重新启动后，再次安装时问题仍然存在。解决办
- 如果在session级保存一个dictionary对象会降低系统的性能，而在application级保存一个dictionary对象会导致w
- 在本身比较复杂的页面里，再突出信息，往往是把几种方法叠加起来使用，比如加粗加大、加粗加色等，区别在于使用的类别和程度。导致的结果是呈现越来越
- 从前有三只小猪，长大自立了分别造房子住。老大搬来草堆堆出草屋，老二搬来木头搭出木屋，老三搬来砖头，砌墙，造烟囱，造出了坚固的砖房。一天晚上大
- 网页设计是由很多个不同的元素构成的,而这些元素的重要性都不同,并且有些元素还需要尤为的突出.有些元素彼此之间存在着联系,而另外的元素之间则一
- 众所周知，FileSystemObject（fso）组件的强大功能及破坏性是它屡屡被免费主页提供商(那些支持ASP)的禁用的原因，我整理了一
- 导言：本文一步一步手把手教你打造一个极酷的三层分离的标准滑动门导航菜单，从思路、原理、步骤，手段可谓“无所不用其极”，即便你是菜鸟，相信你看
- 做设计的时候，如何配色是经常让人头痛的问题，尽管很多时候，很多人都说对于色彩的掌握更多的是靠感觉，但是不得不说，感觉也是要有依据的。所以颜色
- 作者的blog ：http://www.planabc.net/老甘的《完全用CSS实现的中英文双语导航菜单》一文中使用“position:
- 本文通过一个详细的例子，来阐述了在线编辑XML文档数据的方法。由于Netscape对XML的支持比较弱，因此，要实现跨平台的数据交换，数据的
- 摘要：本篇文章介绍了ORACLE数据库的新特性—分区管理，并用例子说明使用方法。 关键词：ORACLE，分区 一、 分区概述： 为了简化数据
- conn.execute、rs.open之间的差别,conn.execute、rs.open、command.execute方法用法大大不同
