DIV seguindo o CURSOR

1,603 views
Skip to first unread message

eduardo gomes

unread,
Aug 28, 2009, 11:33:52 PM8/28/09
to jque...@googlegroups.com
Caros;

Seria possivel com JQuery, uma "DIV" seguir o cursor do mouse.

Grato;
Att: Eduardo Gomes -- WebDesigner

eduardo gomes

unread,
Aug 30, 2009, 7:32:51 AM8/30/09
to jque...@googlegroups.com
??????

Eduardo Gomes -- WebDesigner


2009/8/29 eduardo gomes <soulof...@gmail.com>

Ricardo

unread,
Aug 30, 2009, 11:33:16 AM8/30/09
to jQuery (Brasil)
????

var div = $('#besteira').css({ position: 'absolute' });
$().mousemove(function(e){
div.css({
top: e.pageY,
left: e.pageX
});
});

pra melhor performance dá pra usar elemento.style.top e style.left.

On 30 ago, 08:32, eduardo gomes <soulofdea...@gmail.com> wrote:
> ??????
>
> Eduardo Gomes -- WebDesigner
>
> 2009/8/29 eduardo gomes <soulofdea...@gmail.com>

eduardo gomes

unread,
Aug 30, 2009, 11:49:31 AM8/30/09
to jque...@googlegroups.com
tem que baixar alguma biblioteca??
Eduardo Gomes -- WebDesigner


2009/8/30 Ricardo <ricar...@gmail.com>

Luiz Claudio Garcia

unread,
Aug 29, 2009, 10:16:38 PM8/29/09
to jque...@googlegroups.com
Dá uma lida nisso (http://docs.jquery.com/Tutorials:Mouse_Position)..
Acho que deve ajudar.

Abraçoss

2009/8/29 eduardo gomes <soulof...@gmail.com>



--
====================
---------
Luiz Cláudio Garcia
TRE-RS

Ricardo

unread,
Aug 31, 2009, 6:20:02 AM8/31/09
to jQuery (Brasil)
Não cara, só o jQuery. Tu chegou a testar o código que mandei?

On 30 ago, 12:49, eduardo gomes <soulofdea...@gmail.com> wrote:
> tem que baixar alguma biblioteca??
> Eduardo Gomes -- WebDesigner
>
> 2009/8/30 Ricardo <ricardob...@gmail.com>

eduardo gomes

unread,
Aug 31, 2009, 8:59:46 AM8/31/09
to jque...@googlegroups.com
Sim o codigo ficou assim:


        <style type="text/css">
                #menu{position:absolute;width:200px;height:250px;}
        </style>

        <script type="text/javascript">
       
            var div = $('#menu').css({ position: 'absolute' });

                $().mousemove(function(e){
                    div.css({
                        top: e.pageY,
                        left: e.pageX
                    });
                });
       
        </script>
    </head>
    <body>
   
        <div id="besteira">

            <ul class="menu">
           
                <li><a href="index.php" title="p&aacute;gina inicial">Home</a> &#124;</li>
                <li><a href="autor.php" title="sobre o autor">Sobre o autor</a> &#124;</li>
                <li><a href="trabalhos.php" title="trabalhos">Trabalhos</a> &#124;</li>
                <li><a href="contato.php" title="contato">Contato</a></li>
           
            </ul>
       
        </div>

Eduardo Gomes -- WebDesigner


2009/8/31 Ricardo <ricar...@gmail.com>
Reply all
Reply to author
Forward
0 new messages