当前位置:JS特效 » 其他 » 基于jQuery UI的模拟windows窗口插件
 基于jQuery UI的模拟windows窗口插件
如果您觉得内容不错,请分享:

插件介绍

jquery-lwd是一款轻量级的基于jQueryUI的模拟windows窗口插件。该插件可以模拟windows窗口,对窗口进行最大化,最小化,拖动等操作。并提供windows2000经典主题效果。

浏览器兼容性

浏览器兼容性
时间:2021-07-24 阅读:97
简要教程

jquery-lwd是一款轻量级的基于jQueryUI的模拟windows窗口插件。该插件可以模拟windows窗口,对窗口进行最大化,最小化,拖动等操作。并提供windows2000经典主题效果。它的特点有:

  • 通过HTML5 data属性来设置窗口的属性。
  • 高亮聚焦的窗口。
  • 最大化和恢复窗口尺寸。
  • 最小化和恢复窗口尺寸。
  • 任务栏显示当前打开的窗口。
  • 通过点击聚焦和恢复窗口。
  • 可以显示系统时间。
  • 可以显示开始按钮。
  • 提供windows2000主题。

jquery模拟windows窗口效果

使用方法

在页面中引入jquery和jquery ui相关文件,以及jquery-lwd.css和jquery-lwd.js文件。





                  
                
HTML结构

创建一个窗口的基本HTML结构如下:

?

jquery-lwd模拟windows窗口插件的github地址为:https://github.com/mstellmacher/jquery-lwd

Top