Question

想做一个图片导航链接，鼠标移动上去图片会变化。div+css、js怎么写？

或者能提供类似的代码素材的链接供参考也可以。谢谢！
如图，本来是全部灰色，鼠标移动上去会变成蓝色背景。

Answer 1

用不到js

引入大图片之后

你需要用不同的小图片那种背景是蓝色的那种

设置伪类a:hover｛background：“”｝

就是设置鼠标放上去链接一个图片盖住原来的图片

就像这种

代码我就截取点  你随便看看

 <p class="content_bottom_right_info_z">还没有Cell Me帐号 30秒注册</p>
                               <p class="content_bottom_right_info_t"><input type="button" class="content_bottom_right_info_t_a"  /></p>

//html部分

.content_bottom_right_info_t_a{
        background:url(../images/06.png) no-repeat;
           height:50px;
           border-radius:8px;
           width:136px;
}
.content_bottom_right_info_t_a:hover{
           background:url(../images/01.png) no-repeat;
           height:50px;
           width:136px;
}

//css代码

Answer 2

如果该链接标签是 a,那么直接 a:hover{background:#000} （把000改成蓝色的值即可，不知道蓝色是什么值，就用黑色做栗子了）