ansaurus

Question

Answer 1

A:

Something like this perhaps...

<html>
<head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js" ></script>
    <script>
    $(document).ready(function() {

        $(".sign_in, #sign_box").mouseover(function() {
            $("#sign_box").show();
            return false;
        });
        $('body').mouseover(function(){
            $("#sign_box").hide();
        });

    });
    </script>
    <style>
    body, html
    {
        height:100%;
        width:100%;
    }
    #sign_box
    {
        display:none;
        background-color:blue;
    }
    .sign_in{
        background-color:red;
    }
    ul, .sign_in, #sign_box
    {
        margin:0px;
        padding:0px;
        width:250px;
    }
    </style>
</head>
<body>
    <div class="sign_in">
        <a href="#" ><span>User Options</span></a>
    </div>
    <div id="sign_box">
        <ul class="account-links">
            <li>All Events</li>
            <li>My Events</li>
            <li>My Profile</li>
            <li>All Clubs</li>
            <li>My Clubs</li>
            <li>Change My Password</li>
            <li>My Dependants</li>
        </ul>
    </div>
</body>
</html>

Brandon Boone 2010-10-22 02:53:57

ansaurus

tags:

views:

answers:

Code cleanup - jquery hover menu

related questions