鼠标事件

来源:百度知道 编辑:UC知道 时间:2024/05/18 05:43:55
我现在有一个页面.
我想实现如下效果:当鼠标放到一个按钮上时,会在页面的中间,显示出相对应的内容,当鼠标放到另一按钮上,页面中间会显示对应的内容.如果没有鼠标没有放到这些按钮上,原来要放的内容就是一张图片.
哪位知道啊,在线等.....
谢谢..
能写个大概的代码出来吗?具体怎么用?谢谢

onmouseover
onmouseout

<div id="did"></div>
<script>

function fmover()
{
var dis=document.getElementById("did");
dis.innerHTML="鼠标在标签<a>上";
}

function fmout()
{
var dis=document.getElementById("did");
dis.innerHTML="鼠标离开标签<a>";
}

</script>
<a href="#" onmouseover="fmover();" onmouseout="fmout();">链接</a>