2014-05-19 1 views
0

Je modifie la largeur de ma div basée sur le mouvement de la souris.Redimensionner un div sur mousemove?

Ceci est appelé lorsque la souris se déplace:

p.resize = function(e) { 

    var w += e.clientX 
    myDiv.css({width:w}); 

}; 

Le problème est la largeur augmente de beaucoup chaque fois, je dois savoir à quel point la souris a bougé par rapport à la dernière fois qu'il a déménagé, donc Je peux alors augmenter mon div par le montant.

Je ne sais pas comment implémenter ceci, quelqu'un pourrait-il m'aider?

+0

capture la position de la souris à intervalles réguliers (settimeout ou quelque) et puis mettre à jour? related: http://stackoverflow.com/questions/7790725/javascript-track-mouse-position – EvilEpidemic

+0

et si vous supprimiez simplement le '+'? – Spokey

Répondre

0

Script

$("div").mousemove(function(event) { 
    var w = (event.pageX < 250) ? event.pageX :250; 
    var h = (event.pageY < 250) ? event.pageY :250; 
    $(this).css({"width":w,"height":h});  
}); 

http://fiddle.jshell.net/UNJ9Z/1/

Questions connexes