-1

ホーム、患者、レポートなどを含むメニューがあります。このメニューはすべてのページに表示され、各ページの右上に表示されます。私はこれを設計する方法を知っています.今私はそれを隠したいと思っていました.マウスがページの右上に置かれたときだけ表示されるべきです.みんな私にこれを行う方法を教えてください.メニューバーのコードが必要な場合ここはこれです

<html class="no-js" lang="en-US">
    <head>
<style type="css/text">
body{
overflow:hidden;
}
</style>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title> Home</title>
        <meta name="author" content="jQuery Foundation - jquery.org">
        <meta name="description" content="jQuery: The Write Less, Do More, JavaScript Library">
        <meta name="viewport" content="width=device-width">
        <link rel="stylesheet" href="base.css">
        <script src="jquery.min.js"></script>
        <script>try{Typekit.load();}catch(e){}</script>
        <meta name="generator" content="WordPress 3.5.1" />
    </head>
    <body >
        <header>
            <section id="global-nav">
                <nav>
                    <div class="constrain">
                        <ul class="links">
                            <li><a href="template.html" target="content">Home</a></li>
                            <li><a href="createpatient.html" target="content">Patient</a></li>
                            <li><a href="template.html" target="content">Appointments</a></li>
                            <li><a href="template1.html" target="content">Reports</a></li>
                            <li><a href="login.html" target="content">logout</a></li>
                        </ul>
                    </div>
                </nav>
            </section>
        </header>
    </body>
</html>
4

3 に答える 3

0

global-nav右上にあると仮定

JS:

$("#global-nav").mouseenter(function(){

   $(".links", this).show();
}).mouseleave(function(){

   $(".links", this).hide();
});

CSS:

#global-nav .links {
  display:none;
}
于 2013-04-12T04:36:25.097 に答える