Visualizzazione dei risultati da 1 a 2 su 2
  1. #1

    Jquery opacity e e.pageY>

    Salve a tutti!

    Stavo cercando di implementare un mouse hover funzionante

    Codice PHP:
    <script type="text/javascript" >
    $(
    document).ready(function() {
     $(
    '#oggetto').each(function() {
         $(
    this).hover(
         function() {
         $(
    '.des').stop().animate({ opacity}, 400);
         $(
    '.norm').stop().animate({ opacity}, 400);
         },
         function() {
         $(
    '.des').stop().animate({ opacity}, 400);
         $(
    '.norm').stop().animate({ opacity}, 400);
         })
    });
    });
    </script> 


    con un effetto all'avvicinamento del mouse.
    Credo che e.page sia una buona soluzione anche se manca la variabile X .
    In ogni modo non capisco perchè non funzioni...

    Codice PHP:
    <!--<script type="text/javascript" >
    $(
    document).ready(function() {
        $(
    document).mousemove(function(e) {
                if(
    e.pageY230)
                $(
    '.des').animate({'opacity: 0'+(( e.pageY 230) / 18)}, 400);
                 $(
    '.norm').animate({'opacity: 1'+(( e.pageY 230) / 18)}, 400);
                else
                $(
    '.des').animate({'opacity: 1'+(( e.pageY 230) / 18)}, 400);
                 $(
    '.norm').animate({'opacity: 0'+(( e.pageY 230) / 18)}, 400);
        });
    });
    </script>--> 

    Mi potreste dire dove sta l'errore?


    grazie mille in anticipo!



  2. #2
    Utente di HTML.it L'avatar di skjobax
    Registrato dal
    Jan 2010
    Messaggi
    569
    Hai provato con clientX e clientY invece di pageX e pageY?
    A volte la soluzione a un problema è sempre la più semplice...

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.