刮刮卡
使用 JavaScript 和 HTML5 画布 Canvas 创建刮刮卡使用 JavaScript 和 HTML5 画布实现的刮刮乐效果，通过 Vanilla JavaScript 技术可以隐藏刮刮卡上显示的优惠券代码或其他中奖代码。您可以在刮奖区后面放置各类数字...
范围控制
用 JavaScript 控制带有 2 个手柄的 HTML 范围滑块这是一款功能强大、高度可配置的范围滑块插件，基于 Vanilla JavaScript 和 jQuery 设计。该款插件可设置两个或者一个调节手柄控制数据范围，可在配置选项中配置最小值、最大值...
幻灯片
用 jQuery 制作的淡入淡出幻灯片这款插件式基于 CSS 和 jQuery 制作的淡入淡出图片幻灯片，特性是：简单、轻量、易用。这款迷你插件可帮助你在网页项目中创建基本的渐变效果图片幻灯片，此外，该插件还支持淡入淡出速度、轮播顺...
全屏预览
带悬浮 3D 效果，图像全屏预览，支持键盘鼠标导航图片的 jQuery 插件这是一款使用 jQuery 和 CSS3 创建的多功能炫酷全屏图片库预览插件，该图库采用完全响应式（移动友好）设计，支持键盘按钮导航以及 3D 悬浮效果，使用非常简单，只需在 HTML 结构中添...
图片差异比对
jQuery 拖拽滑块实时比较图片差异插件这是一款轻量级、简单易用的 jQuery 图像实时比对滑块插件，它可用于显示两张图片的前后差异，用户只需用鼠标拖拽/轻扫图片上的纵轴，就能直观地看到图片不同之处。该插件可轻松实现图片前后差异对比...
图库
标准的 Bootstrap 5 灯箱图库基于 Bootstrap 5 实现的标准灯箱效果图片库插件，它以网格布局显示图片集，当点击图片时，图片会在全屏灯箱中打开进行预览，预览图片附带淡入淡出效果，可以一张一张地查看图片，同时，灯箱还提...
密码强度
适合 Bootstrap 5 框架的密码强度指示器一款多功能好用的基于 Bootstrap 5 实现的一个带有强度指示器的密码输入框，它可以直观地显示密码强度，代码根据密码的复杂度分别显示四个等级：弱、中等、强、超强，并使用不同的彩色杠杠显示强...
折叠卡片
Bootstrap 5 带轮播效果的炫酷折叠卡片利用 Bootstrap 5 实现的带手动轮播效果的折叠卡片效果，在切换图片的过程中，图片会以多种不同的进入和消失效果进行切换，一种酷炫的效果迎面而来，此外，每个卡片上还可以包含图片文本以及...
名片展示
Bootstrap 5 实现的带悬浮展示效果的团队名片效果基于 Bootstrap 5 实现的一个动态卡片展示模板，在鼠标悬停时可以突出显示技能进度条信息，同时底部还包含用户的社交媒体联系资料，非常适合个人网站或作品集展示网站使用，它使用 Bootst...
模态框
Bootstrap 5 实现的个性成功与错误模态弹出窗口基于响应式框架 Bootstrap 5 创建的时尚且个性自定义成功和错误模态弹出消息，该效果是利用 SVG 动画创建的动态视觉效果。这些定制化的弹出提示框更够跟Bootstrap框架很好的搭配，...
背景幻灯片
使用 JavaScript 制作背景图像幻灯片本代码利用 JavaScript 实现了背景图片幻灯片播放效果，它能在图片之间平滑切换，为网站的页眉增添视觉魅力，这是让网站顶部更吸引人、更有活力的绝佳方法，该效果尤其适用于个人博客、作品集网...
时间轴
简单的 HTML CSS 响应式垂直时间轴这段代码是基于 CSS 实现的一个简洁的响应式纵向时间轴，使重要事件节点更具有视觉吸引力并易于阅读，呈现的结果是：纵向的按照从上往下顺序列出的时间轴节点，可用作大事记记录、工作经历等场景。同时在...