JS CSS implémente les compétences box_javascript d'invite contextuelle déplaçable

L'exemple de cet article décrit comment implémenter une boîte de dialogue contextuelle déplaçable à l'aide de JS CSS. Partagez-le avec tout le monde pour votre référence. La méthode de mise en œuvre spécifique est la suivante :

Copier le code Le code est le suivant :

varObj=''
document.onmouseup=MUp
document.onmousemove=MMove
fonction MDown(Objet){
Obj=Object.id
document.all(Obj).setCapture()
pX=event.x-document.all(Obj).style.pixelLeft;
pY=event.y-document.all(Obj).style.pixelTop;
>

fonction MMove(){
si(Obj!=''){
document.all(Obj).style.left=event.x-pX;
document.all(Obj).style.top=event.y-pY; >

>

fonction MUp(){
si(Obj!=''){
document.all(Obj).releaseCapture();
Obj='';

>

>

×< ;/div>

Cliquez sur cette astuce




J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.

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