Question

我刚刚在现有代码中添加了一个小代码;在图像下面有一个文本。加上文本上的鼠标应以蓝色突出显示。这些东西对我有用，但不知何故，文字和图像移动到鼠标左侧。我真的不知道为什么。有人可以帮我。图片在标签中。

<td align="right" valign="bottom" id="helpid">
<a href="javascript: void(null)" onClick="if(legendDIV.style.visibility=='visible') { legendDIV.style.visibility='hidden'; isClickonLegend = 1; } else { legendDIV.style.visibility='visible'; isClickonLegend = 1;}">

帮助

hghlightBG id我编写的JS函数，用于在鼠标悬停时将Text颜色设置为蓝色。这是我在现有标签中所做的唯一修改。

Javascript代码：

function highlightBG(id,action) {   
    if(action==0)
    {
        document.getElementById(id).className='AttachOnMouseOverText';
    }
    else
    {
        document.getElementById(id).className='AttachOnMouseOutText';
    }
}

CSS代码：

.AttachOnMouseOverText{
    color: blue;        
    font-size: 9px;
    text-align: center;
}
.AttachOnMouseOutText{
    color: black;       
    font-size: 9px;
    text-align: center;     
}

Answer 1

我猜至少有些是因为你改变了字体大小。另外，当你使用javascript改变样式时，总是试着检查你是否可以直接用css选择器来做。

HTML：

<table>
    <tr>
    <td align="right" valign="bottom" id="helpid">
        <a href="javascript: void(null);" onClick="{...}">
        <img src="#ContactsImagePath#qmark_sm.gif" border="0" alt="Help">
        </a>
        <br>Help
    </td>
    </tr>
</table>

CSS：

#helpid {
    color: black;
    font-size: 9px;
    text-align: center;
}
#helpid:hover {
    color: blue;
}

这样您就可以设置默认显示，只更改一个参数。

鼠标悬停时，我的文字和图像以一种奇怪的方式在左侧移动

1 个答案: