Gridstack.js – 响应式拖放网格布局
Gridstack.js 是一个基于原生 JavaScript 和 TypeScript 的网格布局库,用于创建可拖动、可调整大小且响应式的大仪表盘小部件。其设计灵感源自经典的 jQuery Gridster 插件。您可以使用它来创建可自定义的管理面板、分析仪表盘、门户风格的布局,以及基于小部件的界面,用户可在其中重新排列内容。 请注意,当前版本的 Gridstack.js 无需依赖 jQuery,而旧版 jQuery 项目应使用旧版与 jQuery 兼容的构建版本。 1、 在页面中引入必要的 JavaScript 和 CSS 文件。 <link rel="stylesheet" hre …
145006展示jQuery Photocols – 带图片懒散加载的滚动照片画廊
JQquery Photocols 是一款轻量级的 jQuery 照片网格插件,可以创建带有响应式网格布局的动画滚动照片画廊。它会自动将图片组织成行或列,并持续滚动,形成无限的“图像墙”效果。 该插件支持垂直和水平滚动方向,并可自定义速度设置。它还提供懒加载以优化性能,并利用 CSS 变换实现 GPU 加速动画。 特色 多向滚动:支持上下、左、右四个滚动方向。 可变速度视差效果:每列或每行的滚动速度可能不同。这通过运动产生了深度感知。 IntersectionObserver 的懒加载:只有进入视口时才加载图像。这减少了初始页面加载时间和内存消耗。 GPU 加速动画:使用 CSS 变换实现流畅 …
4040023展示LC Lightbox – 强大的 jQuery 图像查看器画廊插件
LC Lightbox 是一款响应式、灵活、强大且适合移动端的 jQuery 图像查看器和画廊插件,适用于现代网页设计。 特色 单页或画廊模式。 文档读取时图片预载。 幻灯片和旋转木马风格画廊,配有自定义控制。 内置主题:明亮、黑暗和极简。 显示图片标题、描述和作者。 可自定义缩略图导航。 可分享、可下载的图片。 全屏。 支持触摸滑动和鼠标滚轮事件。 配置选项非常多。 基本用法 1、在文档中加载所需的 JavaScript 和 CSS 文件。 <script src="/path/to/cdn/jquery.min.js"></script> <script sr …
4000023展示Grid Accordion – 功能丰富的网格滑块 jQuery 插件
Grid Accordion 是一个响应式、支持触摸、支持视网膜的高性能网格和滑块插件,用于在页面上显示任何内容。使用它创建完全响应式网格,您可以在其中像手风琴一样平滑地展开和折叠网格项目。 更多功能 图像延迟加载。 动态内容加载:JSON 或 XML。 允许在同一面板上显示多个图层。 平滑过渡。 分页项目符号。 支持 Youtube/Vimeo/Sublime/HTML5 视频。 键盘和鼠标交互。 可以与任何灯箱插件集成,例如已知的 FancyBox。 支持深度链接。 效果预览
8550053展示TJ Gallery – 响应式自适应相册 jQuery 插件
TJ gallery 是一个 jQuery 图片相册插件,它可以在响应式、对齐的网格布局中调整图像大小并排列不同大小,就像您在 Google 图片和 Flickr.com 上看到的那样。 使用方法 1、将图像插入 DIV 容器中 <div class="pictures"> <img src="1.jpg" alt="" /> <img src="2.jpg" alt="" /> <img src="3.jpg" alt="" /> <img src="4.jpg" alt="" /> <img src="5.jpg" alt= …
8760053展示





