Home/ Questions/Q 858631
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-15T08:34:03+00:00

You know when you roll over a menu, it will show a submenu. I

  • 0

You know when you roll over a menu, it will show a submenu.
I wanted to keep the submenu visible even tough I roll out from the button,
and only change the submenu when I mouse over other links or buttons.

Does this include javascript? or it can be done just in CSS?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    This is how I figured I would do it (using jQuery):
    Edit: for the record, this cannot be done in HTML & CSS alone.

    <!DOCTYPE html>
<html lang="en">
<head>
    <style type="text/css">
        .link {
            display: block;
            width: 100px;
            height: 50px;
            border: 1px solid #000000;
            float: left;
            padding-right: 5px;
        }
    </style>
    <script type="text/javascript" language="javascript" src="http://code.jquery.com/jquery-1.4.2.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $('.link').mouseover(function() {
                $('.link').stop().animate({ //Ensure all ".link" tags are set to black border
                        border: '1px solid #000000'
                    });
                $(this).stop().animate({ //Change current ".link" to a red border
                    border: '5px solid #ff0000'
                }, 150, function() {
                    //Do nothing when the animation has finished
                });
            });
        });
    </script>
</head>
<body>
    <a href="#" class="link">Link 1</a>
    <a href="#" class="link">Link 1</a>
    <a href="#" class="link">Link 1</a>
    <a href="#" class="link">Link 1</a>
</body>
</html>

    Hope it helps!

    • 0