Visualizzazione dei risultati da 1 a 7 su 7

Discussione: Menu in Jquery

  1. #1
    Utente di HTML.it
    Registrato dal
    Sep 2009
    Messaggi
    69

    Menu in Jquery

    Ciao a tutti

    sto cercando di creare un menu tipo questo.
    http://wp.themecss.com/switcher/?theme=Fashion9

    ma sto impazzendo..... sicuramente è stato caricato il plugin http://gsgd.co.uk/sandbox/jquery/easing/

    Voi sapete come devo fare ?
    Avete idee, soluzioni o, meglio ancora, Tutorials ?

    Grazie a tutti.

  2. #2
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    Se non posti come l'hai adattato alle tue esigenze si puo' solo dire che quello funziona...
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

  3. #3
    Utente di HTML.it
    Registrato dal
    Sep 2009
    Messaggi
    69
    ops.....

    hai ragione....

    codice:
    			<div class="centra">
    					<div class="menu"> 
    						<ul>
    							[*]Home
    							[*]Gallery
    							[*]Blog
    							[*]Contatti
    							<div class="clear"></div>
    						[/list]
    					</div>
    			
    				   
    			</div>

    codice:
    .centra{background-color:#000;position: absolute;top: 80%;left: 0%;margin-top: -119px;margin-left: 0px;}
    .menu-toggle{ background: url('img/logo.png') 5px 10px no-repeat; display: block;float:left; width: 238px; height: 118px;padding:10px 10px 10px 0}
    .menu{background-color:#FFFFFF;float:left;}
    .menu ul li{float:left;}
    .menu ul li a{font-family: "RobotoLight",Arial; text-transform: uppercase; padding:57px 20px; display:block; }
    .menu ul li a:hover{background-color: #000;color:#fff;}
    codice:
    $('.menu-toggle').click(function() {
            $(".s").remove();
            $(this).animate({
                left: 500
              }, 500, 'easeOutBack', function() {
                  $(this).animate({
                    left: 0
                  }, 500, 'easeOutBack', function() {
                      $(this).after('<div class="complete">Animazione completata.</div>');
                  });
              });
        });

  4. #4
    Utente di HTML.it
    Registrato dal
    Sep 2009
    Messaggi
    69
    In parte ho risolto.....

    http://jsfiddle.net/RP79h/

    Ma ora il mio problema è un altro.... se clicco non mi ritorna indietro.... come devo fare ?
    sapete che codice devo inserire ?

  5. #5
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Dici... io con IE8 vedo una pagina confusa senza nulla, script cosi complessi ti consiglio di usare un server (dominio) tuo non jsfiddle che potrebe dare problemi
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  6. #6
    Utente di HTML.it
    Registrato dal
    Sep 2009
    Messaggi
    69
    ops..... Scusate

    questo è il link dello script....

    http://marvinc.altervista.org/script/index.html
    ti posto anche il codice dello script in jquery

    codice:
    jQuery(function($) {
        $(document).ready(function() {
            $('#menu-toggle').click(function() {
                $('#centra').animate({
                    'left': '0px'
                }, 900);
            }, function() {
                jQuery.noConflict();
            });
    
            jQuery('#centra').click(function() {
                // Do nothing
            }, function() {
                jQuery.noConflict();
                jQuery('#centra').animate({
                    left: '-1px'
                }, 800);
    
            });
        });
    });

  7. #7
    Utente di HTML.it
    Registrato dal
    Sep 2009
    Messaggi
    69
    Nessuno sa darmi qualche dritta ?

    Dai dai...

    Grazie

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.