一张图片，可以实现各个菜单背景变…

网页部分：

<DIVclass=banner_r><A class=b1href="kjjj.html">按钮一</A><A class=b2href="kcxf.html">按钮二</A><A class=b3href="kcxf.html">按钮三</A></DIV>

CSS部分

.banner_r {

WIDTH: 240px; FLOAT: left

}

.banner_r A {

MARGIN-TOP: 1px; TEXT-INDENT: -99999em; WIDTH: 240px; DISPLAY:block; HEIGHT: 99px

}

.b1 {

MARGIN-TOP: 0px; BACKGROUND: url(images/b_r.jpg)

}

.b1:visited {

MARGIN-TOP: 0px; BACKGROUND: url(images/b_r.jpg)

}

.b1:hover {

BACKGROUND: url(images/b_r.jpg) 240px 0px

}

.b2 {

BACKGROUND: url(images/b_r.jpg) 0px 200px

}

.b2:visited {

BACKGROUND: url(images/b_r.jpg) 0px 200px

}

.b2:hover {

BACKGROUND: url(images/b_r.jpg) 240px 200px

}

.b3 {

BACKGROUND: url(images/b_r.jpg) 0px 100px

}

.b3:visited {

BACKGROUND: url(images/b_r.jpg) 0px 100px

}

.b3:hover {

BACKGROUND: url(images/b_r.jpg) 240px 100px

}