[AIUTO] Modificare proprieta Css tramite hover con Javascript

Dexter_90

Nuovo Utente
17 Mag 2012
15
0
0
Ciao a tutti

Allora ho il seguente problema,

dovrei cambiare le proprieta di un elemento al passaggio del cursore su un altro elemento

Quale il codice javascript da utilizzare?

Praticamente ho un menu con un sottomenu. Vorrei distanziare un po il sotto-menu dalla voce che se posizionato il cursore sopra lo fa scendere a tendina, solo che mettendo al css del menu a tendina {top: 60px;} scende di un po ma chiaramente il sottomenu sparisce nel momento che provo ad andare a cliccare una voce perche si crea dello spazio tra i due DIV.

Ho preso spunto da questo Tema: http://kaptinlin.com/themes/demo/?theme=striking

Aspetto vosti consigli
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao,
hai provato a mettere padding-top: 20px; al sottomenu?
dovrebbe crearti dello spazio prima che iniziano le voci del menu
 

Dexter_90

Nuovo Utente
17 Mag 2012
15
0
0
Ciao si ho provato e dire che funziona per meta.

Nel senso si che ti crea lo spazio pero il padding te lo colora col colore di default.

Ce un modo per metterci il colore trasparente al padding?.

Ma con JS si potrebbe fare ugualmente aggiungendo una classe al sottomenu all'evento del passaggio del mouse sopra il tag <a> che fa scendere il menu a tendina.

Se vorrei adottare questa soluzione.

Saresti cosi gentile da postarmi il codice.

Intanto grazie della risposta :)
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
puoi aggiungere una classe sull evento onmouseover in questo modo
HTML:
<script type="text/javascript">
            function addClass() {
                document.getElementById('id_del_sottomenu').className = "nome_classe";
            }
        </script>
        <a href="#" onmouseover="addClass()">link</a>
 

Dexter_90

Nuovo Utente
17 Mag 2012
15
0
0
Piu o meno penso che il codice sia quello in realta il meccanismo e questo.

Mi posiziono col cursore sulla voce "Servizi" del menu principale, la quale fa scendere il sottomenu.

Nel momento in cui con il cursore vado sulla voce servizi

Javascript mi deve assegnare un altro stile al sottomenu, e una volta uscito col cursore del mpuse lo stile del sottomenu ritorna normale.
 
Discussioni simili
Autore Titolo Forum Risposte Data
Dexter_90 [AIUTO] Modificare proprieta Css tramite hover HTML e CSS 4
I Aiuto per modificare gruppo buddypress WordPress 0
R Aiuto. come modificare il contenuto di una query a campi incrociati Database 0
K Aiuto con file audio in html HTML e CSS 1
G Script notifiche dekstop aiuto Javascript 0
P Aiuto per rendere un Bot Telegram Privato PHP 1
M Un aiuto da chi ha apple Mac e Software 0
P Richiesta di aiuto Presentati al Forum 1
A Aiuto per pagina php PHP 0
M Questa pagina non carica correttamente Google Maps: aiuto!! HTML e CSS 1
I Aiuto php Dependent Lookup PHP 0
R Aiuto con le query MS Access 2
M AIUTO ESERCIZIO JAVA Javascript 1
G Aiuto con htaccess e rewriterule PHP 0
T cercasi aiuto per file d1 (open-edge db) Database 0
M Aiuto con inserimento immagini WordPress 6
D aiuto schermata photoshop Photoshop 0
L Aiuto per programma web php/mySQL PHP 2
A Aiuto php colore diverso PHP 10
L Aiuto creazione menu mancante WordPress 0
C Aiuto compiuto scuola PHP/MySQL PHP 2
G Insert into select - Aiuto MySQL 0
I Aiuto bash linux Programmazione 1
F Aiuto java script Javascript 2
R Cerco aiuto Offerte e Richieste di Lavoro e/o Collaborazione 7
I Aiuto query MySQL 8
G Aiuto HTML, collegamento con un bottone a una <div> di un' altra pagna HTML e CSS 5
R Aiuto sito html Offerte e Richieste di Lavoro e/o Collaborazione 3
claudio_lorenzo [Javascript] aiuto su jquery per calcolo altezze dom Javascript 1
G Mi dite come faccio? Aiuto photoshop ? Photoshop 1
C prestashop paragamento contrassegno aiuto modulo E-Commerce 0
Michelebozzo [PHP] Rimuovere pubblicazione nome pagina ... aiuto! PHP 7
Caldus richiesta aiuto Mac e Software 0
R [Javascript] Aiuto su questo script Javascript 2
Z Gestionale in Php/mysql: Quanto farsi pagare? Aiuto! Discussioni Varie 0
Giacomo92 [HTML] AIUTO!! Regular Expression :( Offerte e Richieste di Lavoro e/o Collaborazione 15
T Aiuto per php7 e mysqli PHP 3
T mysql tutorial per importare tabelle access in mysql aiuto MySQL 2
K [Java] aiuto switch case Java 1
E salve tutti spero si essere di aiuto e di trovare aiuto Presentati al Forum 2
D [MS Access] aiuto non riesco a capire MS Access 6
P [PHP] Browser game, aiuto a tempo libero. Offerte e Richieste di Lavoro e/o Collaborazione 0
wildcity9 aiuto per sbloccare account instagram bannati Social Media Marketing 0
A Aiuto per configurare il banner di Iubenda su un sito in html HTML e CSS 0
I Aiuto Firma App Sviluppo app per Android 0
C [PHP] Chiedo un aiuto, Array multidimensionale. PHP 3
H [Javascript] aiuto favore Javascript 1
T [PHP] aiuto....Fatal error: Uncaught Error:non riesco a capire PHP 1
N [PHP] Aiuto PHP 1
M [PHP] Aiuto su inner join PHP 10

Discussioni simili