View Code

  • Creatore Discussione Creatore Discussione Efesto.
  • Data di inizio Data di inizio
Ciao, sposto la discussione in jquery
prova questo
HTML:
<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script src="http://code.jquery.com/jquery-latest.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $("#box").mousemove(function(e){
                    var x = e.pageX;
                    var y = e.pageY;
                    $("#dialog").fadeIn().css({
                        "top":y+10,
                        "left":x+10
                    })
                });
                $("#box").mouseout(function(){
                    $("#dialog").fadeOut();
                })
            })
        </script> 
        <style>
            #dialog {
                position: absolute;
                display:none;
                border:1px solid red;
                width:220px;
                background-color: white;
            }
            #box {
                width:220px;
                height:180px;
                border:1px solid black;
                cursor:pointer;
            }

        </style>
    </head>
    <body>
        <div id="dialog">
            "Lorem ipsum dolor sit amet, consectetur adipisicing elit,
            sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
        </div>
        <div id="box">

        </div>
    </body>
</html>
 
Scusa se rispondo ora. Comunque avevo già risolto, ma questo mi servirà lo stesso. Grazie mille. :)
 

Discussioni simili