I am look to create a dropdown menu on logged in username hover. Like on this(codeproject) site when you hover over your username it brings a dropdown menu.
similar example is the linkedin website ..
Please provide some ideas on how to implement this with examples if possible?
Basically it's mostly a lot of CSS styling to set your desired style and behavior.
Please provide some ideas on how to implement this
There can be multiple ways to do it. AFAIK, here at CP, it's CSS driven. Define a hover style for the username. In the style, set display property of the dropdown div element as to display.
Underlying logic is to have a div that is hidden by default. based on some event, you need to show this div. Here, hover is that event that is being used. If you don't want CSS way, you can define onmouseover event for username and then in JavScript, show the needed div. On mouseout, hide it back.
Examples, you yourself posted couple of them in question! Now, try out and post specific issues if you face any.
This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)