Pular para o conteúdo principal

JSFiddle - Pegar a posição X e Y do mouse utilizando Jquery Java script

Olá, um dia eu precisei capturar a posição x e y do mouse e ralei bastante porque os livros não traziam essa iformação de uma forma muito didática, até que em um momento consegui, e descobri o JSFIDDLE um site que permite compartilhar códigos e editar html, css e js dinâmico e ter o resultado na hora e com versionamento onde você pode salvar sua própria versão do código, essa é a primeira vez que falo da ferramenta porém existe na web uma infinidade de usuários criando e compartilhando códigos e você pode aprender bastante e contribuir com eles .




HTML

<div class="mouse">
        <br/>
        <br/>
        <br/>
        Passe o mouse
</div>

CSS

.mouse{
    height:200px;
    width:200px; 
    border:solid;
}

JS


$(".mouse").mousemove(function (e) {
    var mouseX = e.pageX;
    var mouseY = e.pageY;
    $(".mouse").html("Mouse: X" + mouseX + " " + "Y"+ mouseY);
});

Comentários

Postagens mais visitadas deste blog

Maneira fácil de contabilizar as visitas

Sei que muitos blogueiros já sabem, mais essa dica é muito importante para aqueles que estão dando os primeiros passos na blogosfera, listo abaixo os melhores sistemas que achei para contabilizar as visitas de forma gratuita dos meus blogs e sites! Para saber: Quantos usuários online, em que lugar e o que estão vendo no seu site ou blog é só add o elemento de página do site whos.amung.us . De onde estão vindo as visitas, a orígen dos visitantes que acessão seu site coloque o elemento de pagina do site e-referrer . Simplesmente o numero de visitas, tem o elemento de pagina do site amazingcounter . Nenhum desses widgets nunca me deram problemas por isso uso e recomendo sem ganhar nada com isso!!! Se souberem de algo melhor, podem ficar a vontade para postar seus comentários!!! Origem dos visitantes do DicaDeDica! www.e-referrer.com

Top 5 Programas Gratuitos Para Animar suas Festas

Agora chegando 2009, um ano com muitos feriados e com certeza com muitas festas!!!! Eu quero deixa alguns softwares que vão animar todas elas. Recomendo 5 programas e o Frest on fire é o melhor deles, mais como cada um tem sua utilidade é recomendável variar entre os programas de acordo com o publico da festa. O FrestOnFire que é o clone do Guitar Hero para PC e em português é o melhor para ser usado durante a festa e a qualquer hora, mais veja a lista abaixo esses são na minha opinião os 5 melhores programas gratuitos para animar qualquer festa. Se lembrarem de outros que estou es favor comentar ;) ------ Frets On Fire - (Guitar Hero - Clone Para PC) "Agarre seu teclado e mostre quem é que manda em incríveis solos de guitarra neste jogão emocionante!" - Aproveitando o novo nicho de mercado que o jogo abriu, foi desenvolvido Frets On Fire, seguindo o mesmo estilo de Guitar Hero com duas grandes vantagens: gratuito e em português! Frets On Fire oferece três músicas difere

Papercraft e PaperToys: Animes e Cartoons em Brinquedos de Papel

É uma pena que muitos cartoons e animes que assistimos na internet não encontramos para vender em bonecos no Brasil. Mais isso não impede que a galera que é fã destes animes tenha sua própria miniatura feita pelas próprias mãos, e para ajudar esta galera, eu mostro a galeria que achei dos Brinquedos de papel, chamados de Papercraft dos animes e cartoons mais famosos que está bombando na internet. Vídeo Tutoral PaperCraft Instruções: Como Montar um PapeCraft: 1 - Baixe o pdf do personágem 2 - Tenha instalado uma o leitor de pdf se não tiver baixe e instale aqui 3 - Imprima no modo colorido na folha de papel A4 4 - Recorte as peças seguindo as instruções do arquivo pdf (Peça supervisão de um adulto) 5 - Para melhor resistência cole as peças recortadas em cartolina ou papel cartão... 6 - Dobre as arestas serrilhadas 7 - Cole seguindo o modelo indicado nas intruções... Pronto Galeria PapeCraft Animes Brinquedos de papel todos os níveis: Death Note 1 Light Yagami Baixar RYUK é SHINIGAM