JS实现可展开折叠层的鼠标拖曳效果

本文实例讲述了JS实现可展开折叠层的鼠标拖曳效果。分享给大家供大家参考。具体如下：

这是一款简单JS代码实现的鼠标拖曳图层效果，比较精简，大家参考一下。鼠标点击层标题栏可实现层内容的展开与折叠，按住标题栏可实现层的拖动。

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/js-fade-out-mouse-draw-style-demo/

具体代码如下：

 
 
 
 
 
 

  
Drag Me1
 
test
 
  

  
Drag Me2
 
test
 
  

  
Drag Me3
 
test
 
 

希望本文所述对大家的JavaScript程序设计有所帮助。