最新消息:2008-2023,十五年。青青子吟,悠悠我心。但为君故,沉吟至今。

【代码】JS实现鼠标滑动时隐藏显示订阅信息

网页开发与代码类 Lafirel 3734浏览 0评论

<script type="text/javascript">
        var s;
        function showMessage(){
          window.clearTimeout(s);
          document.getElementById("message").style.display="block";
        }
       
        function hiddenMessage(){
          s=window.setTimeout("hidden();",500);
        }
                function hidden(){
          document.getElementById("message").style.display="none";
        }
</script>
<span onmouseover="showMessage()" onmouseout="hiddenMessage()"><!– 此处加入要一直显示的东西的代码 –></span>
<div id="message" style="display:none" onmouseover="showMessage()" onmouseout="hiddenMessage()">
<!– 此处加入要鼠标放上去时候会显示鼠标移开后隐藏的东西的代码 –>
</div>

此代码的效果可以达到鼠标移开后显示出来的东西不会马上消失这种效果。

转载请注明:No.77 疯人院 - 游戏业界新闻 - 主机游戏资料攻略 » 【代码】JS实现鼠标滑动时隐藏显示订阅信息

发表我的评论
取消评论
4+2 (必填)

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

网友最新评论 (1)

  1. 谢谢你的教程 我已经加进去了 哈哈哈 =0=
    kara16年前 (2008-12-07)