鼠标悬浮显示div移开隐藏:

<body>
        <div id="warp" onmouseover="over()" onmouseout="out()">
            <div id="text" style="display: none;">这里面有一段文字</div>
         </div>
        </body>


         <script type="text/javascript">
                function over(){
                 var div = document.getElementById('warp');//获取大div对象
                var text = document.getElementById('text');//获取文字div对象
                  text.style.display="block";
                }//鼠标进入显示文字

                function out(){
                var div = document.getElementById('warp');
                 var text = document.getElementById('text');
                text.style.display="none";
                }//鼠标退出不显示文字

            </script>


猜你喜欢

转载自blog.csdn.net/weixin_42694072/article/details/81044386