Overlay Effect Menu con jQuery

[Pimpinelli]

Ciao a tutti,
ho scaricato uno script dal sito HTML relativo ad un menù con overlay.
Molto carino ma non riesco a far funzionare i link presenti all'interno della pagina perché sono coperti dal div che permette l'oscuramento della pagina stessa quando apro il menù per navigarlo.
Il mio scopo è quello di mettere una gallery all'interno della pagina e poterla navigare.
il link dello script è il seguente.

[url]http://javascript.html.it/script/vedi/6115/menu-con-effetto-overlay/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+HTML.it+-+Aggiornamenti+quotidiani[/url] 

Sapete aiutarmi?

[Pimpinelli]

Ciao a tutti,
ancora non sono riuscito a far funzionare questo script come voglio e cioè attivare i link all'interno della pagina dove sopra ho un overlay del menu in alto.
Sostanzialmente lo script o il css mi impedisce di cliccare su qualsiasi altro link che non sia nel menu o su un div sopra ma, come è chiaro, non viene poi influenzato dall'overlay.
Questo il javascript che comanda l'azione

 <script type="text/javascript">
            $(function() {
                var $oe_menu        = $('#oe_menu');
                var $oe_menu_items    = $oe_menu.children('li');
                var $oe_overlay        = $('#oe_overlay');

                $oe_menu_items.bind('mouseenter',function(){
                    var $this = $(this);
                    $this.addClass('slided selected');
                    $this.children('div').css('z-index','9999').stop(true,true).slideDown(200,function(){
                        $oe_menu_items.not('.slided').children('div').hide();
                        $this.removeClass('slided');
                    });
                }).bind('mouseleave',function(){
                    var $this = $(this);
                    $this.removeClass('selected').children('div').css('z-index','1');
                });

                $oe_menu.bind('mouseenter',function(){
                    var $this = $(this);
                    $oe_overlay.stop(true,true).fadeTo(200, 0.6);
                    $this.addClass('hovered');
                }).bind('mouseleave',function(){
                    var $this = $(this);
                    $this.removeClass('hovered');
                    $oe_overlay.stop(true,true).fadeTo(200, 0);
                    $oe_menu_items.children('div').hide();
                })
            });
        </script> 

Questo il css

* {
    margin:0;
    padding:0;
}
body {
    background:#000;
    font-family:"Trebuchet MS", Helvetica, sans-serif;
    font-size:15px;
    color: #fff;
    text-transform:uppercase;
    overflow-x:hidden;
}
.oe_overlay {
    background:#000;
    opacity:0;
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
}
ul.oe_menu {
    list-style:none;
    position:relative;
    margin:30px 0px 0px 40px;
    width:560px;
    float:left;
    clear:both;
}
ul.oe_menu > li {
    width:112px;
    height:101px;
    padding-bottom:2px;
    float:left;
    position:relative;
}
ul.oe_menu > li > a {
    display:block;
    background-color:#101010;
    color:#aaa;
    text-decoration:none;
    font-weight:bold;
    font-size:12px;
    width:90px;
    height:80px;
    padding:10px;
    margin:1px;
    text-shadow:0px 0px 1px #000;
    opacity:0.8;
}
ul.oe_menu > li > a:hover, ul.oe_menu > li.selected > a {
    background:#fff;
    color:#101010;
    opacity:1.0;
}
.oe_wrapper ul.hovered > li > a {
    background:#fff;
    text-shadow:0px 0px 1px #FFF;
}
ul.oe_menu div {
    position:absolute;
    top:103px;
    left:1px;
    background:#fff;
    width:498px;
    height:180px;
    padding:30px;
    display:none;
}
ul.oe_menu div ul li a {
    text-decoration:none;
    color:#222;
    padding:2px 2px 2px 4px;
    margin:2px;
    display:block;
    font-size:12px;
}
ul.oe_menu div ul.oe_full {
    width:100%;
}
ul.oe_menu div ul li a:hover {
    background:#000;
    color:#fff;
}
ul.oe_menu li ul {
    list-style:none;
    float:left;
    width: 150px;
    margin-right:10px;
}
li.oe_heading {
    color:#aaa;
    font-size:16px;
    margin-bottom:10px;
    padding-bottom:6px;
    border-bottom:1px solid #ddd;
} 

sapete aiutarmi?
Grazie

[Vindav]

$oe_menu.bind('mouseenter',function(){ 
                    var $this = $(this); 
                    $oe_overlay.stop(true,true).fadeTo(200, 0.6); 
$oe_overlay.addClass("oe_overlay");
                    $this.addClass('hovered'); 
                }).bind('mouseleave',function(){ 
                    var $this = $(this); 
$oe_overlay.removeClass("oe_overlay");                    
$this.removeClass('hovered'); 
                    $oe_overlay.stop(true,true).fadeTo(200, 0); 
                    $oe_menu_items.children('div').hide(); 
                })

ed elimina il class oe_overlay dal div.

[Pimpinelli]

[RISOLTO]
Ciao Vindav,
Ora funziona, erano giorni che sbattevo la testa contro il muro, ho cercato in molti siti ma tanti hanno riscontrato il mio problema ma nessuno dava la soluzione.
Grazie per la dritta
Ciao e a presto