鹏顺教育

全部频道

您的当前位置：首页javascript弹出拖动窗口_javascript技巧

javascript弹出拖动窗口_javascript技巧

来源：鹏顺教育


可以拖动的弹出窗口，在很多网页上都可以见到，非常的人性化，下面通过一段javascript代码就可以实现弹出拖动窗口，废话不多说了，直接贴代码了。

 
 
 
 

可以拖动的弹出窗口 
 
 
function showPopup() //弹出层 
{ 
 var objDiv=document.getElementById("popDiv"); 
 objDiv.style.top="50px";//设置弹出层距离上边界的距离 
 objDiv.style.left="200px";//设置弹出层距离左边界的距离 
 objDiv.style.width="300px";//设置弹出层的宽度 
 objDiv.style.height="200px";//设置弹出层的高度 
 objDiv.style.visibility="visible"; 
} 
function hidePopup()//关闭层 
{ 
 var objDiv=document.getElementById("popDiv"); 
 objDiv.style.visibility="hidden"; 
} 
 
 
 
 
 
 修改操作 
 关闭

以上是本文实现javascript弹出拖动窗口的全部内容，希望对大家有所帮助。

显示全文