求个简单的样式，懂CSS的进！

Question

我有两个图片
假设：
图片1：图片
图片2：列表当点击图片1的时候，他们外层的Span 样式=viewmode status_list，这表图片1的背景将高亮起来
当点击图片2的时候，他们外层的Span 样式=viewmode status_pic，这表图片2的背景将高亮起来viewmode status_list这种我都是有了，值是不知道怎么在点击的时候改变外层的样式，CSS应该可以做到吧，不需要用JS吧！
求会的人帮忙！谢谢

Answer 1

在图片的onclick事件里面用js方法改变css样式
还是要用到js

Answer 2

<span onclick="this.className= 'status_list';"></span>
这样试下能不能用

Answer 3

#zjhy a:hover {
background:url(../images/menu.jpg) no-repeat -68px -45px;
}

Answer 4

<a href="#"><img src="图片地址"><a/>

Answer 5

必须点击么，可以onmouseover和onmouseout呀！

Answer 6

按钮点击事件   然后相应的visible就行了  这是其中一个事件
 protected void ibtnPiclist_Click(object sender, ImageClickEventArgs e)
    {
        this.ibtnPiclist.ImageUrl = "../../Images/display_mode_list_act.gif";
        this.ibtnword.ImageUrl = "../../Images/display_mode_text.gif";
        this.ibtnPicgrid.ImageUrl = "../../Images/display_mode_grid.gif";
        this.plist.Visible = true;
        this.pword.Visible = false;
        this.pgrid.Visible = false;
}

Answer 7

必须点击才能触发么？如果这样的话必须要依靠JS
如果只是鼠标移动上去触发，参考3楼的CSS一般CSS的兼容性要考虑好，所以比较省事的办法还是用JS，嫌麻烦就直接调用JQUERY或者别的JS库，两三句代码就搞定了

Answer 8

#zjhy a:hover {
background:url(../images/menu.jpg) no-repeat -68px -45px;
}