Visualizzazione dei risultati da 1 a 9 su 9

Discussione: effetto fade

  1. #1
    Utente di HTML.it
    Registrato dal
    Feb 2005
    Messaggi
    147

    effetto fade

    Salve a tutti!

    Ho applicato (copiato!) questo script per ottenere un effetto fade su alcune voci del menù; si può mantenere un po’ di trasparenza? O forse è meglio applicare direttamente “opacity” lasciando perdere il fade?

    var fade = "blendTrans(Duration=0.8)";

    function showFilter(obj, visibility) {
    if(ie5){
    menu[obj].style.filter = fade;
    menu[obj].filters[0].Apply();
    menu[obj].style.visibility = visibility;
    menu[obj].filters[0].Play();
    }
    else if(ns6){
    menu[obj].style.visibility = visibility;
    }
    }


    Grazie infinite

    bgiordy

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Non mi risulta che esista un oggetto menu in tutte le pagine.
    Quindi potrebbe essere un oggetto introdotto nella tua pagina: dovresti dire come lo hai introdotto.

    Inoltre nel tuo script utilizzi due variabili (ie5, ns6): il significato e` intuitivo, ma non sappiamo come le hai definite; questo comporta che le istruzioni usate negli if (che sono tutte istruzioni proprietarie) potrebbero non essere definite; inoltre in qualche browser la cosa potrebbe non funzionare.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    Utente di HTML.it
    Registrato dal
    Feb 2005
    Messaggi
    147
    Ho usato i CSS:

    #menu1 {
    position: absolute;
    left:0px;
    top: 1px;
    }
    .........

    .menu {
    position: relative;
    cursorointer;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color:#8b0000;
    z-index:999;
    text-decoration: none;
    }

    .menu a {
    position:relative;
    cursorointer;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color:#8b0000;
    z-index:999;
    text-decoration: none;
    border: 1px solid #e6e6fa
    }

    .menu a:hover {
    border: solid 1px #6100c1;
    background-color:#f0e1ff;
    text-decoration: none;
    color: Black;

    }

    .sub {
    position:relative;
    width:110px;
    background-color:#f0f8ff;
    border: 1px solid; border-color: 800000;
    visibility:hidden;
    cursorointer;
    padding:4px;
    z-index:999;
    font-family: Arial, Helvetica, sans-serif;
    font-size:11px;
    }

    .sub a {
    color:#000000;
    text-decoration:none;
    font-family: Arial, Helvetica, sans-serif;
    font-size:11px;
    }

    .sub a:hover{
    color:#ffffff;
    background-color: #6a5acd;
    text-decoration:none;
    font-family: Arial, Helvetica, sans-serif;
    font-size:11px;
    }

    richiamandoli con:

    <span id="menu5">
    <div class="menu" id="menuTitle5" onmouseover="showFilter('subMenu5','visible')" onmouseout="showHide('subMenu5','hidden')">Euganei</div>
    <div class="sub" id="subMenu5" onmouseover="showHide('subMenu5','visible')" onmouseout="showHide('subMenu5','hidden')" style="position: absolute; bottom:14">
    Colli

    Flora

    Percorsi

    </div>
    </span>

  4. #4
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Un <div> dentro uno <span> non e` una buona cosa. Potresti avere problemi.

    Trasformalo in <div> (lascia pure il suo id uguale).


    Comunque ancora non hai detto cosa e` l'oggetto menu. Una classe non e` un oggetto che puoi indirizzare.
    In generale non si puo` indirizzare un oggetto semplicemente con il suo nome (ma in qualche brwoser funziona).

    E non hai detto come hai definito le variabili ie5 e ns6.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  5. #5
    Utente di HTML.it
    Registrato dal
    Feb 2005
    Messaggi
    147
    si vede che non ho alcuna esperienza di script!!!

    le variabili sono:

    var ie5 = (document.getElementById && document.all);
    var ns6 = (document.getElementById && !document.all);

    per il resto conviene vedere direttamente la barra del titolo nel mio sito:

    http://xoomer.virgilio.it/gruppomine...home_page.html

    grazie per la pazienza

    bgiordy

  6. #6
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Ci sono problemi a caricare la tua pagina.

    Vedo solo una striscia di Virgilio e una pagina bianca che lampeggia.

    Ho anche dato un'occhio agli script, ed ho trovato errori concettuali (non ha senso chiamare una funzione con setTimeout dentro un loop).
    Mi pare inoltre che stai tentando di togliere la barra di Virgilio, ma Virgilio la forza prima di visualizzare la pagina (nota che questo e` contrario alle regole del forum, per cui su questo campo non puoi avere aiuti da qui).

    Rigardo alle due variabili:
    ie5 vero sta a significare che il browser e` un qualsiasi IE da 5.5 in poi
    ns6 vero e` qualsiasi browser moderno non IE

    Il codice da te postato, quindi, ha degli errori nel ramo ns6.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  7. #7
    Utente di HTML.it
    Registrato dal
    Feb 2005
    Messaggi
    147
    La pagina iniziale funziona purtroppo solo con explorer, però con il pulsante ENTRA si dovrebbe passare alla HOME PAGE. Il codice della pagina iniziale l'ho interamente copiato e non ho la più pallida idea di come funzioni, né se tenti di togliere la barra di Virgilio, cosa che comunque sparirà la settimana prossima quando passeremo su uno spazio a pagamento.

    con questo link si dovrebbe arrivare direttamente alla pagina dove c'è l'effetto fade:

    http://xoomer.virgilio.it/gruppomine...eo/titolo.html

    grazie

    bgiordy

  8. #8
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Mi spiace. Explorer non lo posso caricare (non esiste per linux).

    Ma che senso ha fare pagine che non si possono vedere?
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  9. #9
    Utente di HTML.it
    Registrato dal
    Feb 2005
    Messaggi
    147
    ho scoperto adesso che la prima pagina non si vede; finora nessuno mi aveva fatto notare il problema.

    Tutte le altre dovrebbero funzionare correttamente, compresa quella del titolo.

    bgiordy

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.