cari

Rumah >hujung hadapan web >tutorial js >html+javascript实现可拖动可提交的弹出层对话框效果_javascript技巧

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

WBOY
WBOYasal
2016-05-16 17:26:451567semak imbas
复制代码 代码如下:




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技巧
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：基于jquery编写的横向自适应幻灯片切换特效的实例代码_jqueryArtikel seterusnya：IE下JS读取xml文件示例代码_javascript技巧

Artikel berkaitan

Lihat lagi