search

Home  >  Article  >  Web Front-end  >  HTML javascript implements draggable and submittable pop-up layer dialog box effect_javascript skills

HTML javascript implements draggable and submittable pop-up layer dialog box effect_javascript skills

WBOY
WBOYOriginal
2016-05-16 17:26:451561browse
Copy code The code is as follows:




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 :

名    称 :

电压等级 :

经    度 :

纬    度 :


     
     
  












The effect is as follows:
HTML javascript implements draggable and submittable pop-up layer dialog box effect_javascript skills
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：Example code for horizontal adaptive slide switching effects written based on jquery_jqueryNext article：Example code for horizontal adaptive slide switching effects written based on jquery_jquery

Related articles

See more