Back to top

Autore Topic: [RISOLTO] javascript per rollover su pulsanti del menu  (Letto 1435 volte)

Offline Rasjah

  • Abituale
  • ****
  • Post: 959
  • Sesso: Maschio
    • Mostra profilo
Ho fatto un semplice script, per fare un effetto fade-sfumato di transizione rollover dei pulsanti, del mio menu principale

<script type="text/javascript">
    $(document).ready(function(){
         $('.chi_siamo,.home,.la_storia,.dove_siamo,.calcio,.volley,.il_direttivo,.contatti').hover(function(){
                 $(this).stop().animate({'opacity' : '0'}, 550);
         }, function(){$(this).stop().animate({'opacity' : '1'}, 200);});
});
</script>

lo messo nella parte <head> del mio file index.php ... ma non funziona :'(

Lo provato con una pagina statica in HTML e funziona benissimo....

Dove ho sbagliato ?? ???

la pagina è http://www.asd-ambrosiana.it/joomla/
« Ultima modifica: 03 Apr 2012, 14:43:58 da Rasjah »

Offline 56francesco

  • Fuori controllo
  • *
  • Post: 29585
  • Sesso: Maschio
    • Mostra profilo
Re:javascript per rollover su pulsanti del menu
« Risposta #1 il: 01 Apr 2012, 18:37:48 »
Citazione
dei pulsanti, del mio menu principale

mi piacciono gli indovinelli, si vince qualcosa?
(uso XP perchè win98 non si installa) 
PS: non sono un dipendente dello sbonzor quindi è necessario un "per favore" alla richiesta e un "grazie" alla risposta, sempre! PPS: non scrivo mai per primo in MP, in caso contrario chiedimi una conferma, Grazie.

Offline Rasjah

  • Abituale
  • ****
  • Post: 959
  • Sesso: Maschio
    • Mostra profilo
Re:javascript per rollover su pulsanti del menu
« Risposta #2 il: 01 Apr 2012, 19:05:36 »
Confesso che il mio itagliano non è molto buono, ma se si guarda al link della pagina home, mi riferisco al menu sulla sinistra

In palio che un... gormito dell'acqua ;D

Offline Rasjah

  • Abituale
  • ****
  • Post: 959
  • Sesso: Maschio
    • Mostra profilo
Re:javascript per rollover su pulsanti del menu
« Risposta #3 il: 02 Apr 2012, 09:07:03 »
Mi spiego meglio.... ho fatto uno javascript in una pagina HTML che simula effetto di transizione graduale da stato normale a stato HOVER dei pulsanti,  che sul menu di sinistra funziona bene

vedi link http://www.asd-ambrosiana.it/

mentre la stessa cosa non funziona in joomla...

vedi link http://www.asd-ambrosiana.it/joomla

qualche aiuto ???? :'(



Offline Rasjah

  • Abituale
  • ****
  • Post: 959
  • Sesso: Maschio
    • Mostra profilo
Re:javascript per rollover su pulsanti del menu
« Risposta #4 il: 03 Apr 2012, 14:43:22 »
Per ora ho risolto con il seguente codice

<script type="text/javascript">
jQuery.noConflict();   
jQuery(document).ready(function(){
         jQuery('.chi_siamo,.home,.la_storia,.dove_siamo,.calcio,.volley,.il_direttivo,.contatti').hover(function(){
                 jQuery(this).css({opacity:0}).stop().animate({'opacity' : '1'}, { duration:500});
         }, function(){jQuery(this).stop().animate({'opacity' : '1'}, 300);});
});   
   
</script>


sono riuscito a fare una cosa dignitosa....

Grazie ricdata, per la dritta che mi hai dato per eliminare il conflitto dello script, mettendo

jQuery.noConflict()

per quanto riguarda la pesantezza del caricamento delle pagine, proverò a fare la stessa cosa con mootool

Per ora, va bene così ;D

 



Web Design Bolzano Kreatif