鼠标移除,或者鼠标不在当前位置,不显示后面的文字
当鼠标已入 第一排文字,显示第二排的文字
<a id="demo1">PHP是世界上最好的语言! </a>
<div id="demo2">楼上说得对啊! </div>
<script>
// 很简单几行代码,大致意思为:
// 当鼠标移入的时候,显示 当鼠标移除的时候,隐藏 根据两个事件
var demo1 =document.getElementById('demo1');
var demo2 = document.getElementById('demo2');
demo1 .onmouseover = function (){
demo2 .style.display = 'block';
}
demo1 .onmouseout = function (){
demo2 .style.display = 'none';
}
</script>