communauté Apprendre Bibliothèque d'outils Loisirs

Français

Maison > interface Web > js tutoriel > JS CSS implémente les compétences box_javascript d'invite contextuelle déplaçable

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

WBOY

Libérer： 2016-05-16 16:13:55

original

1221 Les gens l'ont consulté

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 :

Boîte d'invite contextuelle déplaçable créée par JS CSS

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='';

Cliquez sur cette astuce

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

Étiquettes associées：

css js 弹出 Boîte d'invite

source：php.cn

Article précédent：Une brève analyse de la différence entre la déclaration de fonction et l'expression de fonction dans les compétences javascript_javascript Article suivant：Solution au problème des données de formulaire de page tronquées dans différentes compétences encodings_javascript

Déclaration de ce site Web

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

Derniers articles par auteur