很流行的图片分割显示效果

网络整理 - 07-26
  现在,大多数大型网站和设计类网站都采用图片分割显示方式,国内比较早应用这种技术的是网易邮箱登陆页面。先把几张小图片(可以包括很多元素,比如按钮、箭头等等)合成一张大图片,然后通过CSS控制显示的位置就可以了。这样做的好处是图片较少,而且一起进入缓存,调用速度变快了,特别适合鼠标经过图片切换的效果。

  下面是一个简单的例子,完整的代码如下:


        



  大家也可以去看看网易邮箱登陆页面。