切换卡的高亮效果

切换卡的高亮效果

首先我们看一下最终的效果：

就是当鼠标点击这三个按钮的其中一个时，它的背景颜色发生变化以及字体颜色发生变化，当点击另外的按钮时，上一次点击后的效果消失，恢复默认状态，而这次被点击的按钮就发生背景颜色和字体颜色的变化。

首先我们打开DW创建一个HTML，为了方便就不创建css、JavaScript了，直接在HTML的页面写，也就是下面的效果：

现在先把布局写了，就一个div标签包裹着三个span标签，给div标签一个ID“anniu”，效果也就是下面的样子：

</