新Div拖动调整大小实例

时间:2016-01-02 09:29:03
【文件属性】:

文件名称:新Div拖动调整大小实例

文件大小:14KB

文件格式:HTML

更新时间:2016-01-02 09:29:03

Div 拖动 调整大小 Div弹出层

选中复选框(可移动、可调整大小)后,打开的DIV具有移动/调整大小的功能(此时移动/调整大小快捷键可使用); 反之,不可移动/调整大小(此时移动/调整大小快捷键无效) 单选框默认居中打开选中,无论有无保存DIV位置和大小均以默认位置及大小打开DIV 单选框保留位置上打开选中,如果未发现保存记录以默认方式打开,否则以保存的位置及大小打开 如果选中可移动后,鼠标经过标题位置(蓝色背景)处会变成移动的图标,此时按住鼠标左键会产生一个半透明的DIV,按住鼠标不动拉动此半透明DIV会跟随移动,释放鼠标左键后会产生一段原始位置移动至半透明位置的动画,当动画重叠时,半透明的DIV将回收。 如果选中可调整大小后,鼠标经过整个DIV的最右下角处会变成伸缩的图标,此时按住鼠标左键会产生一个半透明的DIV,按住鼠标不动拉动此半透明DIV会随着移动而调整大小,释放鼠标左键后会产生一段原始大小伸缩至半透明大小的动画,当动画重叠时,半透明的DIV将回收。 DIV的右上角有关闭按钮,按下后DIV将remove


网友评论

  • 有问题,看不到效果啊
  • 非常不错,值得借鉴,值得学习
  • 没法用、就是在网页上复制的