轻量级响应式图片放大缩小 jQuery 插件

图片预览

轻量级响应式图片放大缩小 jQuery 插件

这是一款轻量级、易用且跨浏览器的 jQuery 照片放大预览插件,是基于点击事件实现的响应式图片放大缩小插件,可平滑放大与缩小图片,不仅可以放在图库场景中使用,同时也可以应用在文章详情、产品详情...

使用 CSS 和 JS实现的响应式轻量级手风琴效果

手风琴效果

使用 CSS 和 JS实现的响应式轻量级手风琴效果

​这是一个简单轻量级(接近 2KB)的切换内容的手风琴插件,这款简单的手风琴使用 CSS 和少量 JavaScript / jQuery 构建,此外该效果是完全响应式的,对移动设备特别友好!折叠...

使用 jQuery 插件将标题转换为 URL Slug 格式更符合 SEO 规范

Slug标题

使用 jQuery 插件将标题转换为 URL Slug 格式更符合 SEO 规范

这是一款基于jQuery 实现的通用 URL slug 创建插件,它能将所有特殊字符编码成(有效的 ASCII 格式)搜索引擎优化友好 SEO 的 slug。该插件可用作将标题转换为 URL s...

使用 jQuery 为文本框添加虚拟键盘,实现插入特殊字符,

虚拟键盘

使用 jQuery 为文本框添加虚拟键盘,实现插入特殊字符,

​该插件基于 jQuery 和 CSS 为输入框创建响应式键盘,用于在文本框(输入/文本区域)中插入特殊字符或者其他生僻字。该插件为文本输入框添加了一个虚拟键盘,用户可以通过虚拟键盘选择要插入的...

鼠标滚动连带底部水平 div 移动效果 jQuery 插件

滚动效果

鼠标滚动连带底部水平 div 移动效果 jQuery 插件

这是一款轻量级 jQuery 的鼠标滚动 联动 div 移动的插件,可实现使用鼠标上下滚轮或键盘点按上下键水平滚动底部 div,底部的 div 中可自定义放置任何东西(如图片、视频或任何对象)来...

基于 JavaScript 获取浏览器及设备的名称和版本等详细信息

设备信息

基于 JavaScript 获取浏览器及设备的名称和版本等详细信息

如果您想知道如何使用 JavaScript 检测浏览器名称和版本,那就来对地方了。这段代码将为您提供获取有关用户浏览器和设备的宝贵信息,该功能对于定制网络应用程序非常有用。它可以帮助您调整网页内...

基于 JavaScript 实现的文件临时保存与回显的 HTML5 文本编辑器

文本编辑器

基于 JavaScript 实现的文件临时保存与回显的 HTML5 文本编辑器

这段代码使用文件阅读器 API 创建了一个 HTML5 文本编辑器。通过它可以创建、编辑和删除文本文件。文本编辑器界面允许输入文件名、文本内容并将其保存为文件。还可以浏览现有文件,加载回显文件进...

使用 JavaScript 在画布 Canvas 中裁剪图片

图片裁剪

使用 JavaScript 在画布 Canvas 中裁剪图片

这段 JavaScript 代码可实现裁剪画布 Canvas 中的图像,该控件允许定位裁剪区域选择图片,主方法 "drawImage "便于显示特定的图像部分,对于自定义图像预览或选择非常有用。...

基于 CSS 实现短信验证码 OTP 输入校验,实时反馈失败成功效果

短信校验

基于 CSS 实现短信验证码 OTP 输入校验,实时反馈失败成功效果

本 HTML 和 CSS 代码片段将创建引人入胜的短信 OTP 代码输入校验动画,它能让用户在输入代码时获得直观的反馈,动画会对成功或失败做出反应,从而增强用户体验。除此之外,还支持自定义动画持...

基于 JavaScript 实现 SVG 立体贝塞尔曲线生成器

贝塞尔曲线

基于 JavaScript 实现 SVG 立体贝塞尔曲线生成器

​本 JavaScript 代码片段可实现在网页上创建 SVG 立体贝塞尔曲线生成工具,可以通过在 SVG 画布上拖动点来直观地设计曲线,可以更直观在网页设计中了解和尝试使用立方贝塞尔曲线,您可...

基于 JavaScript 实现的带温度调节的温度计滑块小部件

温度计指示

基于 JavaScript 实现的带温度调节的温度计滑块小部件

这是一款使用 JavaScript 结合 CSS 创建的一个带调节温度的温度计滑块小工具,该控件可让您更加直观地调整以及显示温度范围,滑块调节支持 -20°C 至 50°C 摄氏度或华氏度范围的...

多行文本自动显示行号  jQuery 插件

文本行号

多行文本自动显示行号 jQuery 插件

这是一款轻量级(仅 4 KB)、跨浏览器和跨平台的显示行号及衬线 jQuery 插件,用于创建带有行号的 HTML 文本区域元素,该插件可自动/动态地为文本区域的每一行插入编号。您只需创建一个标...