none
鼠标经过改变背景图片 RRS feed

  • 问题

  • 请教各位高手:
    我想实现,鼠标经过改变控件背景图片,这个效果,目前有一下两个解决方案
    一、
    <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"
    两种方案都不能实现,能帮忙解决下吗?

    2009年8月28日 0:35

答案

  • 您好,可以在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>

    • 已标记为答案 NewJoin 2009年8月31日 6:58
    2009年8月30日 8:32

全部回复

  • 二、
    onmouseout="this.style.backgroundImage='~/imgs/itemBg1.jpg'"
    2009年8月28日 0:38
  • <style type="text/css">
    .bgOver{
    background:url(<%# ResolveClientUrl("~/imgs/itemBg1.jpg") %>;cursor:pointer; border:0;
    }
    </style>

    【孟子E章】
    2009年8月28日 1:32
    版主
  • onmouseout="this.style.backgroundImage='url(<%# ResolveClientUrl("~/imgs/itemBg1.jpg") %)'"
    【孟子E章】
    2009年8月28日 1:32
    版主
  • 你好,谢谢你给的答案。不过你给的这两种解决方案都没有效果啊
    我是给<td onmouseover="">加这个事件,是不是不行啊?
    2009年8月30日 4:16
  • onmouseout="this.style.backgroundImage='../imgs/itemBg1.jpg") '"
    2009年8月30日 5:27
  • 您好,可以在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>

    • 已标记为答案 NewJoin 2009年8月31日 6:58
    2009年8月30日 8:32