当前位置: 首页 > ai >正文

普通Dom转换为可拖拽、最大化、最小化窗口js插件

这是一款可以将任何HTML元素转换为可平移、拖拽、最大化、最小化窗口的js插件。你可以使用插件全部功能,或者只使用某个子功能,入单独使用最小化功能。

预览 下载

使用方法

在页面中引入下面的文件。

<link href="interactive.css" rel="stylesheet">
<script src='interactive.js'></script>
初始化插件
interactive(Element, Options);

Element:需要进行转换的HTML元素。

Options:配置参数。

配置参数

  • drag:是否可以进行拖拽,默认为true
  • resize:是否可以改变元素的尺寸,默认为true
  • close:是否可以关闭元素,默认为true
  • minMax:是否可以将元素最小化和最大化,默认为true
  • minMaxIcons:设置为false就不会显示最大化和最小化按钮。
  • minDoubleClick:是否允许通过双击来最小化元素。默认为true
  • minZone:元素最小化后存放的区域。默认为body
单独使用部分功能

最大化和最小化

<link href="/path/to/minMaxClose.min.css" rel="stylesheet" />
<script src="/path/to/iminMaxClose.min.js"></script>
minMaxClose(Element, Options);

拖拽功能

<script src="/path/to/draggable.min.js"></script>
draggable(Element);

改变尺寸功能

<link href="/path/to/resizable.min.css" rel="stylesheet" />
<script src="/path/to/resizable.min.js"></script>
resizable(Element);

http://www.xdnf.cn/news/14170.html

相关文章:

  • 【在线五子棋对战】六、项目结构设计 工具模块实现
  • 【unitrix】 1.6 数值类型基本结构体(types.rs)
  • 商用油烟净化器日常维护的标准化流程
  • Arduino入门教程:4-1、代码基础-进阶
  • 静态变量详解(static variable)
  • 微博项目(总体搭建)
  • Javascript什么是原型和原型链,八股文
  • java面试总结-20250609
  • 数据结构 学习 图 2025年6月14日 12点57分
  • spring如何处理bean的循环依赖
  • NuttX 调度器源码学习
  • 吃透 Golang 基础:方法
  • 湖南源点(市场研究)咨询 DNF下沉市场用户研究项目之调研后感
  • 03、继承与多态
  • 使用C/C++的OpenCV 构建人脸识别并自动抓拍系统
  • 使用DuckDB查询DeepSeek历史对话
  • AI首次自主发现人工生命
  • C++编程语言
  • Spring Cloud 原生中间件
  • Linux免驱使用PCAN,使用方法以Ubuntu为例
  • Java基础复习之static
  • Dify动手实践教程1
  • Day 49 训练
  • 1.4、SDH网状拓扑
  • 5、ZYNQ PL 点灯--流水灯
  • 深入解析JVM类加载机制
  • 人工智能学习22-Pandas
  • Java大模型开发入门 (7/15):让AI拥有记忆 - 使用LangChain4j实现多轮对话
  • 【Linux知识】curl命令行从入门到进阶实战
  • Visual studio 中 使用QT插件 编辑UI文件打开 Qt Designer 报错 问题解决方案