软件下载 | 资讯教程 | 最近更新 | 下载排行 | 一键转帖 | 发布投稿
您的位置:最火下载站 > Web前端 > 网页特效 > 层和布局 > JS实现dragdrop层拖拽代码,可设置功能方式

JS实现dragdrop层拖拽代码,可设置功能方式

  JS实现dragdrop层拖拽代码,可设置功能方式,实现任意方向的拖拽,也可以水平方向、垂直方向、停止拖拽、开启拖拽、恢复初始状态操作,拖拽元素 HTMLElemnt 必选,有以下参数:

  bridge指定鼠标按下哪个元素时开始拖拽,实现模态对话框时用到

  dragable 是否可拖拽 (true)默认

  dragX true/false false水平方向不可拖拽 (true)默认

  dragY true/false false垂直方向不可拖拽 (true)默认

  area [minX,maxX,minY,maxY] 指定拖拽范围 默认任意拖动

  callback 移动过程中的回调函数

  你可以截取第一个JS函数的内容封装成函数库,以后用起来更方便……

  示例代码:


提示:可修改后代码再运行!

    相关阅读
    网友评论