js悬停事件显示隐藏

div关键代码

onmouseover="myClickshow('one')" onmouseout="myClickhide('one')"

当有鼠标放置在该div上时，调用myClickshow()函数。当鼠标离开该div上时，调用myClickhide()函数。

javascript关键代码

            <script type="text/javascript">
        function myClickshow(one){
            var event=document.getElementById(one);
            event.style.display="block";
        }
        function myClickhide(one){
            var event=document.getElementById(one);
            event.style.display="none";
        }
    </script>

myClickshow接受传递的参数one，调用getElementById()方法，得到div的拷贝，指向真正的div块。更改div的display属性为 block ，即可显现出来。

myClickhide接受传递的参数one，调用getElementById()方法，得到div的拷贝，指向真正的div块。更改div的display属性为 none ，即可隐藏。