jQuery 插件使用弹跳效果实现页面滚动模块切换

弹跳切换效果

jQuery 插件使用弹跳效果实现页面滚动模块切换

这是一款轻量级、易于定制的页面滚动 jQuery 插件,您只需在页面中创建 HTML 部分,该插件原理是:自动检测窗口滚动事件获取到下一个模块并产成弹跳动画效果。此外,该插件还提供隐藏浏览器滚动...

Bootstrap 5 实现的带悬浮展示效果的团队名片效果

名片展示

Bootstrap 5 实现的带悬浮展示效果的团队名片效果

基于 Bootstrap 5 实现的一个动态卡片展示模板,在鼠标悬停时可以突出显示技能进度条信息,同时底部还包含用户的社交媒体联系资料,非常适合个人网站或作品集展示网站使用,它使用 Bootst...

使用 JavaScript 将图像/文本转换为 Base64

转换为Base64

使用 JavaScript 将图像/文本转换为 Base64

​这段 JavaScript 代码可实现将图像或者文本转换为 base64 格式内容,在页面中选择目标图片或者文本进行转换,它会将选择的文件转换为 Base64 数据 URI,这段代码有助于快...

使用 JavaScript 将 JPG 图片转换为 PNG 格式

格式转换

使用 JavaScript 将 JPG 图片转换为 PNG 格式

本 JavaScript 代码可实现将jpg格式的照片转换为png格式。它提供了一个在线的转换图片工具页面,包含上传图片按钮、转换格式按钮以及重置按钮,用于选择图像并将其从 JPG 转换为 PN...

使用鼠标在画布 Canvas 中画线示例

Canvas画直线

使用鼠标在画布 Canvas 中画线示例

这段代码可实现在 HTML5 画布 Canvas 中使用鼠标绘制直线。它的工作原理是跟踪鼠标移动,当鼠标按下并移动时,就会在画布上画线。可以借助它创建交互式绘图或草图。无论您是在开发画布绘图工具...

带源代码的 HTML5 画布 Canvas 示例

Canvas

带源代码的 HTML5 画布 Canvas 示例

HTML5 画布 Canvas 是一项功能强大的技术,可让您在网络应用程序中创建动态和交互式图形。本源代码提供了一些 HTML5 画布动画示例,每个演示都有自己的功能,如动画小鸟、猫、彩色椭圆、...

基于 JavaScript 实现的工时自动计算器插件

工时计算

基于 JavaScript 实现的工时自动计算器插件

这个 JavaScript 时间计算器是一个跟踪和计算工时的便捷工具,该代码利用 jQuery UI 日期选择器让您选择特定日期,将为一周中的每一天填充一个表格,表格中的列可以输入开始和结束时间...

带悬浮纸张撕纸效果的 404 页面响应式 HTML 模板

404页面

带悬浮纸张撕纸效果的 404 页面响应式 HTML 模板

该 HTML 和 CSS 模板可创建一个具有撕纸效果的 404 错误页面,它使用 HTML 和 CSS 显示带有 404 消息和 "返回首页 "链接的纸张图形,该模板可为您的网站添加一个具有视觉...

带演示的 JavaScript T 恤设计器代码

设计器

带演示的 JavaScript T 恤设计器代码

本 JavaScript 代码为 T 恤设计应用程序提供支持,它支持图片局部放大、颜色选择、添加logo和文字以及定制纹理图案,通过该工具,您可以轻松地创建和实时预览个性化 T 恤设计。您可以利...

带搜索的响应式灯箱图库jQuery插件

图库插件

带搜索的响应式灯箱图库jQuery插件

基于 jQuery 实现的完全响应式图片库展示插件,具有灯箱样式、缩略图和图片搜索过滤功能,点击图片进行预览并且可以手动轮播进行查看。

使用 jQuery 和 CSS 创建简单的待办事项列表

待办事项

使用 jQuery 和 CSS 创建简单的待办事项列表

这是一款设计简洁、易于使用的 "待办事项列表"插件,使用 jQuery 和 CSS,允许在列表中添加和删除文本项目,通过在输入框中输入文字后回车添加待办项,鼠标悬浮列表显示删除图标进行删除操作,...

使用 jQuery 实现动态添加、删除 input 输入框

动态增删输入框

使用 jQuery 实现动态添加、删除 input 输入框

动态添加及删除 input 输入框功能允许在表单中提供多个输入值,当你想在 HTML 表单中的同一字段接收多个输入值时,这个功能就非常有用了。该动态增删输入框插件基于 jQuery实现,聊聊几行...