Maison > interface Web > js tutoriel > html+javascript实现可拖动可提交的弹出层对话框效果_javascript技巧

html+javascript实现可拖动可提交的弹出层对话框效果_javascript技巧

WBOY
Libérer: 2016-05-16 17:26:45
original
1572 Les gens l'ont consulté
复制代码 代码如下:




JAVASCRIPT弹出层


<script> <BR>function showPopup() {//弹出层 <BR>var objDiv = document.getElementById("popDiv"); <BR>objDiv.style.top = "50px";//设置弹出层距离上边界的距离 <BR>objDiv.style.left = "200px";//设置弹出层距离左边界的距离 <BR>objDiv.style.width = "300px";//设置弹出层的宽度 <BR>objDiv.style.height = "200px";//设置弹出层的高度 <BR>//objDiv.style.display = "block"; <BR>objDiv.style.visibility = "visible"; <BR>} <BR>function hidePopup() {//关闭层 <BR>var objDiv = document.getElementById("popDiv"); <BR>objDiv.style.visibility = "hidden"; <BR>} <BR></script>







      ID :
名    称 :
电压等级 :
经    度 :
纬    度 :


     
     
  












效果如下图:
html+javascript实现可拖动可提交的弹出层对话框效果_javascript技巧
Étiquettes associées:
source:php.cn
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal