Question

<div><a href="#"><span style="visibility:hidden">怎么才显示字</span></a></div>

<div><a href="#"><span style="visibility:hidden">怎么才显示字</span></a></div>
“怎么才显示字”怎么才可以让鼠标放上去会显示字

Answer 1

因为span已经隐藏了,鼠标事件触发不了,只能给div加事件，在div的事件处理函数中修改span的style

如:
body中
<div onmouseover="changeVisiable()"><a href="#" ><span id="showText" style="visibility:hidden">怎么才显示字</span></a></div>

head中
<script type="text/javascript">
function changeVisiable(){
var obj=document.getElementById("showText");
var style;
if(window.getComputedStyle){//W3C
style=getComputedStyle(obj,null);
}else if(obj.currentStyle){//IE
style=obj.currentStyle;
}
obj.style.visibility=style.visibility=="hidden"?"visible":"hidden";
}
</script>

追问

具体怎么修改可以告诉我下吗

追答

已经贴上了，将触发事件改成你想要的就行了

var obj=document.getElementById("showText");
obj.style.visibility=obj.style.visibility=="hidden"?"visible":"hidden";
这样就行了

Answer 2

用不着js，a:hover span在ie6下有办法触发。百度：a:hover span