js div鼠标滑动显示隐藏

JavaScript018

js div鼠标滑动显示隐藏,第1张

一个div的鼠标滑过隐藏后，就再也滑不上了。因为页面已经看不见它了。

所以应该鼠标滑过一个div，让另一个div显示和隐藏，下面是简单代码，仅供参考：

<style>

    div {width:100px height:100px background:#cccmargin:10px}

</style>

<body>

    <div id='div1'></div>

    <div id='div2'></div>

</body>

<script>

    var oDiv1 = document.getElementById('div1')

    var oDiv2 = document.getElementById('div2')

    oDiv1.onmouseover = function(){

        oDiv2.style.display = 'none'

    }

    oDiv1.onmouseout = function(){

        oDiv2.style.display = 'block'

    }

</script>

function

showhidediv(id){

document.getElementById(id).style.display

=

document.getElementById(id).style.display=='none'?'':'none'

}

<DIV

onclick=“showhidediv('要隐藏的ID')”>经过这里会显示隐藏的内容</DIV>

<DIV

id="要隐藏的ID">我本来是隐藏滴</DIV>