recherche

Maison >interface Web >js tutoriel >JS implémente des compétences super simples de déplacement de souris effect_javascript

JS implémente des compétences super simples de déplacement de souris effect_javascript

WBOY
WBOYoriginal
2016-05-16 15:34:181215parcourir

L'exemple de cet article décrit comment implémenter un effet de glissement de souris super simple avec JS. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :

Ici, utilisez le code JavaScript le plus court possible pour écrire un glisser JS. La fonction elle-même comporte 287 caractères. . . Si la compatibilité et l'encapsulation des variables ne sont pas prises en compte, elle peut être plus courte.

La capture d'écran de l'effet en cours d'exécution est la suivante :

L'adresse de la démo en ligne est la suivante :

http://demo.jb51.net/js/2015/js-s-drug-demo/

Le code spécifique est le suivant : 

<title>尽可能短的写一个JS拖动</title>
<body>
<div id="demo" style="width:100px; height:100px; position:absolute; background-color:silver;"></div>
<script>
function dragable(id){var d=document,o=d.getElementById(id),s=o.style,x,y,p='onmousemove';o.onmousedown=function(e){e=e||event;x=e.clientX-o.offsetLeft;y=e.clientY-o.offsetTop;d[p]=function(e){e=e||event;s.left=e.clientX-x+'px';s.top=e.clientY-y+'px'};d.onmouseup=function(){d[p]=null}}}
dragable("demo");
</script>

J'espère que cet article sera utile à tout le monde dans la programmation JavaScript.

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Exemple complet d'implémentation JS de l'effet de notation par étoiles avec les compétences prompts_javascriptArticle suivant：Exemple complet d'implémentation JS de l'effet de notation par étoiles avec les compétences prompts_javascript

Articles Liés

Voir plus