Javascript mouse-over menu

Discussion in 'JavaScript' started by S2X, Apr 22, 2011.

  1. #1
    I'm looking for a pre-made script that would do the same thing as:

    http://www.kontera.com/

    When you hover over the "Log In" text in the top navigation bar.


    Where would I go to find something like this?
     
    S2X, Apr 22, 2011 IP
  2. Jan Novak

    Jan Novak Peon

    Messages:
    121
    Likes Received:
    5
    Best Answers:
    1
    Trophy Points:
    0
    #2
    I dont know where to find this script, but it is not hard to write it...

    They have hidden div on the page. The div is absolute positioned and have bigger z-index:
    
    #toplogin_box {
        background: url("../images/frontpage_window.png") no-repeat scroll 0 0 transparent;
        height: 89px;
        margin-left: 607px;
        margin-top: 23px;
        padding-top: 21px;
        position: absolute;
        text-align: center;
        width: 330px;
        z-index: 3;
    }
    
    Code (markup):
    When user do mouseover over hyperlink then this div is displayed. On mouseout is hidden again.
     
    Jan Novak, Apr 24, 2011 IP