格式如下:
<html><head><link rel="stylesheet" type="text/css"/>
<script type="text/javascript" >
function SetState(obj, sytleCls,s,s1)
{
obj.className = sytleCls;
if (sytleCls == 'mouseover')
{
document.getElementById(s).innerHTML="回复</span>|<span>转发</span>|<span>更多操作"; document.getElementById(s1).innerHTML="";
}
else if(sytleCls == 'mouseout')
{
document.getElementById(s).innerHTML= "旧的文本 ";
document.getElementById(s1).innerHTML= "就文本2";
}
}
</script>
<title>
</title>
</head>
<body>
<div onmouseover="SetState(this,'mouseover',0,10)" onmouseout="SetState(this,'mouseout',0,10)"><img src = "C:\Documents and Settings\install.insTALL-31BE561\桌面\个人HTML、js及css测试程序\我的文件夹\a.bmp" align = "left" class="alignTop"><table><tr><td>名称 <span id = '10'>就文本2</span>
<span class = "scolor" id= '0'>旧的文本</span></td></tr><tr><td>内容</td>
</tr>
</table>
</div>
</body>
</html>
当我的鼠标放在该层上时,其背景和一些文本会改变,但是光标无法定位到"就文本"上,测试好像"就文本"完全不在div内部.而且我又想响应那里面的单击事件
即:
document.getElementById(s).innerHTML="<span>回复</span>|<span OnClick=...>转发</span>|<span>更多操作</span>";
