求助

你用hover嘛

.navibtn {
position:absolute;
width:250px;
height:70px;
margin:45px 0 0 700px;
}
.navibtn ul li {
float:left;
margin-left:50px;
}
.navibtn ul li div {
display:none;
position:absolute;
width:110px;
height:25px;
top:80px;
margin-left:-20px;
}
.navibtn ul li:hover div,
.navibtn ul li a:hover div {
display:block;
}
.navibtn ul .btnmail:hover div {
background: url(../img/btnmailb.gif);
}
.navibtn ul .btnshop:hover div {
background: url(../img/btnshopb.gif);
}
<div class="navibtn">
<ul>
<li class="btnmail"><a href="#"><img src="img/btnmail.png" /></a>
<div></div>
</li>
<li class="btnshop"><a href="#"><img src="img/btnshop.png" /></a><div></div>
</li>
</ul>
</div>

百度到一个解决办法，求代码具体写法。
在图片地址src不变的情况下让浏览器重新加载图片
实际上，在src不变时，浏览器直接就去读取缓存了
javascript给这个img标签的src属性后面拼接一个 ? 和 javascript对象new Date().getTime()毫秒值做成queryString的样子，就能防止被缓存了
解决办法：
var img_src ='xxxxxxxxxxxxxxxxxxxxxx.xxx?t='+Math.random();
这样给图片地址拼接一个随机数，用js重新给 img 的 src 赋值，okay