使用 CSS 创建的可通过拖拽或者滑动方式调整大小的垂直范围滑块

范围调节器

使用 CSS 创建的可通过拖拽或者滑动方式调整大小的垂直范围滑块

本 HTML 和 CSS 代码可帮助您创建垂直范围滑块,该插件允许用户在手机等移动设备中通过上下滑动拇指在指定范围内选择一个值或者电脑等桌面设备中通过拖拽的方式调整刻度范围。该范围滑块具有独特的...

用 JavaScript 控制带有 2 个手柄的 HTML 范围滑块

范围控制

用 JavaScript 控制带有 2 个手柄的 HTML 范围滑块

​这是一款功能强大、高度可配置的范围滑块插件,基于 Vanilla JavaScript 和 jQuery 设计。该款插件可设置两个或者一个调节手柄控制数据范围,可在配置选项中配置最小值、最大值...

jQuery 拖拽滑块实时比较图片差异插件

图片差异比对

jQuery 拖拽滑块实时比较图片差异插件

这是一款轻量级、简单易用的 jQuery 图像实时比对滑块插件,它可用于显示两张图片的前后差异,用户只需用鼠标拖拽/轻扫图片上的纵轴,就能直观地看到图片不同之处。该插件可轻松实现图片前后差异对比...

用 CSS 制作带有飞行图标的自定义范围滑块

图标滑块

用 CSS 制作带有飞行图标的自定义范围滑块

使用 CSS 创建一个带有小飞机飞行图标的自定义范围滑块,滑块代表了从一个目的地到另一个目的地的飞行路径,让用户可以直观地看到旅程的进展。调整滑块时,飞行图标会沿着滑块移动,模拟飞机的运动。滑块...

基于 CSS 实现的报纸版面旋转效果

旋转报纸

基于 CSS 实现的报纸版面旋转效果

利用CSS创建的一个旋转报纸版面,在进入页面时附带旋转入场效果,同时该效果也能应用于div/图片或者其他块级元素的旋转中,在网站中可以此趣闻十足的视觉方式展示新闻或文章,它能为您的内容增添视觉趣...

使用 SVG 和 Vanilla JS 制作的鼠标火花拖尾效果

火花拖尾

使用 SVG 和 Vanilla JS 制作的鼠标火花拖尾效果

这段代码使用 SVG 和 Vanilla JS 创建了一个闪亮动感的鼠标拖尾特效,它能在移动鼠标时产生彩色火花。火花会跟随鼠标点击、移动或触摸手势而产生。可为网页元素增加视觉吸引力,可以在网站上...

JS实现通过拖放任务项管理任务列表

拖放列表

JS实现通过拖放任务项管理任务列表

这段代码用 JavaScript 实现了拖放任务列表选项。它利用 dragula 允许任务在不同列之间通过拖拽的方式移动。代码为任务创建了几列:"待办"、"正在处理"、"已完成 "和 "垃圾桶"...

利用JS实现的拖拽调整div大小及截屏选取功能

拖拽div

利用JS实现的拖拽调整div大小及截屏选取功能

本代码片段可帮助您在网页上创建一个可通过拖拽的方式调整 div 元素大小的功能,它提供了通过拖动 div 的边角来改变其大小的功能,它的工作原理是为 div 的边角添加事件侦听器,使您能以拖拽的...

丝滑拖拽与排序列表项-Sortable JS

Sortable

丝滑拖拽与排序列表项-Sortable JS

下面的代码介绍如何使用 Sortable JS 创建拖放排序列表,该控件在时尚的用户界面中提供了流畅的拖拽、移动列表项的功能,其主要功能在于动态排序列表项,通过轻松拖拽的方式来重新排列以增强用户...