E Efesto. Utente Attivo 13 Gen 2014 33 0 0 19 Gen 2014 #1 Salve! Come faccio a creare una cosa simile? http://gyazo.com/bc8a9d1721837b3e0b48f4884b90118d
criric Super Moderatore Membro dello Staff SUPER MOD MOD 21 Ago 2010 5.607 54 48 TN 19 Gen 2014 #2 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>
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>
E Efesto. Utente Attivo 13 Gen 2014 33 0 0 24 Gen 2014 #3 Scusa se rispondo ora. Comunque avevo già risolto, ma questo mi servirà lo stesso. Grazie mille.