鼠标经过改变背景图片

Question

请教各位高手：
我想实现，鼠标经过改变控件背景图片，这个效果，目前有一下两个解决方案
一、
<style type="text/css">
.bgOver{
background-image:cursor:pointer;ImageUrl="<%# ResolveClientUrl("~/imgs/itemBg1.jpg") %>"; border:0;
}
</style>
然后这样调用onmouseover="javascript:this.className=('bgOver');"
二、
onmouseout="this.style.backgroundImage=''~/imgs/itemBg1.jpg"
两种方案都不能实现，能帮忙解决下吗？

Answer 1

二、
onmouseout="this.style.backgroundImage='~/imgs/itemBg1.jpg'"

Answer 2

<style type="text/css">
.bgOver{
background:url(<%# ResolveClientUrl("~/imgs/itemBg1.jpg") %>;cursor:pointer; border:0;
}
</style>

---

【孟子E章】

Answer 3

onmouseout="this.style.backgroundImage='url(<%# ResolveClientUrl("~/imgs/itemBg1.jpg") %)'"

---

【孟子E章】

Answer 4

你好，谢谢你给的答案。不过你给的这两种解决方案都没有效果啊
我是给<td onmouseover="">加这个事件，是不是不行啊？

Answer 5

onmouseout="this.style.backgroundImage='../imgs/itemBg1.jpg") '"

Answer 6

您好，可以在td中在onmouseover事件。
错误的原因：1、是<%= 不是<%#
                2、有些地方单引号和刮号用的有误。以下通过测试的代码，请参考：

<style type="text/css">
.bgOver{

background: url(<%= ResolveClientUrl("~/imgs/itemBg1.jpg") %>);cursor:pointer; border:0;

}
</style>

<table>
    <tr>
       <td onmouseover="javascript:this.className=('bgOver');"  onmouseout="this.style.backgroundImage='url(<%= ResolveClientUrl("~/imgs/itemBg2.jpg") %>)'" >This is a td
       </td>
    </tr>
</table>