以前我们用表格来布局网页时，我们都很喜欢用DW（Dreamweav）中的“鼠标经过图像”，因为那的确吸引人！但是我们也同样发现这样的一个问题：当网速不太快的时候，鼠标经过后的图片还没有下载下来，看上去很不美观。并且还需要一大堆的JS代码，还需要预载经过图片。相对来说比较麻烦！特别是对那些现在记事本来手工编写网页的朋友更是烦得很。事实上用CSS就可以解决这个问题，并且非常的简单，下载快，不会出现鼠标经过后的图片还没有下载下来这种情况。这个做法的原理很简单：就是用<a>标签的a:hover来触发鼠标事件，然后通过CSS来变化其背景的上下左右的位置。下面就主要分析一下用CSS来制作“鼠标经过图像”。
XHTML代码:
