悬停效果
7 种 使用 box-shadow实现的按钮悬停效果本 HTML 和 CSS 代码片段是使用 box-shadow 属性创建的具有多种阴影悬停效果的按钮元素,当将鼠标悬停在按钮上或聚焦在按钮上时,您将体验到填充、脉动(扩散)、关闭、升高、向上填充...
进度条动画
HTML5 Canvas 实现的带撒花效果的加载进度条动画该代码实现了在 HTML5 画布 Canvas 上创建加载进度条动画,可以动态可视化进度,进度条会随着内容的加载而填充并且伴有颜色渐变以及撒花的效果,从而提供可视化的更直观的加载指示。支持加载速...
贝塞尔曲线
基于 JavaScript 实现 SVG 立体贝塞尔曲线生成器本 JavaScript 代码片段可实现在网页上创建 SVG 立体贝塞尔曲线生成工具,可以通过在 SVG 画布上拖动点来直观地设计曲线,可以更直观在网页设计中了解和尝试使用立方贝塞尔曲线,您可...
占位符
使用 CSS 制作的响应式内容占位符动画这块代码实现了是使用 CSS 创建的动画内容占位符,能为未能及时加载的内容生成类似加载的视觉动画效果,底层实现原理是使用线性渐变为内容占位符创建动画,这种动画可以模拟内容加载或占位符,CSS 动...
温度计指示
基于 JavaScript 实现的带温度调节的温度计滑块小部件这是一款使用 JavaScript 结合 CSS 创建的一个带调节温度的温度计滑块小工具,该控件可让您更加直观地调整以及显示温度范围,滑块调节支持 -20°C 至 50°C 摄氏度或华氏度范围的...
立方体滚动
基于 jQuery 实现地具有立体效果的内容轮播旋转滑块效果本代码创建了一个具有立方体过渡效果的视觉吸引力内容滑块,CSS 定义了滑块的布局和样式,而 JavaScript 则实现了交互式导航,点击导航按钮可平滑轮播旋转滑块立方体。这种效果有助于在网站上...
文本行号
基于 jQuery 实现TextArea自动显示行号这是一款轻量级(仅 4 KB)、跨浏览器和跨平台的TextArea显示行号及衬线 jQuery 插件,用于创建带有行号的 HTML 文本区域 TextArea元素,该插件可自动/动态地为文本区域...
Cookie提示
用 jQuery 插件显示 GDPR Cookie 同意信息这是一款基于 jQuery 实现的Cookie提示插件,用于向网站用户显示 GDPR cookie 同意信息,它可在网页左下角或右下角创建模式弹出窗口,显示 cookie 是否符合欧盟法律。支持...
图库预览
使用 CSS 和 jQuery 实现地轻量级灯箱图库预览插件一款轻量级且易于使用的响应式 jQuery 图片预览插件,用于在响应式弹出模块/灯箱中显示图片。迷你灯箱可帮助您创建一个简单、移动友好且响应迅速的灯箱图库,它以 CSS 合理的网格布局排列照片(...
日期选择器
带示例基于 JavaScript 实现的日期选择器这是一款仅用 JavaScript 实现的轻量级日期选择器插件,提供了 13 种使用场景,每种场景示例均可通过预览功能查看,可用于选择单个、多个以及范围日期。同时,为了让用户可以更加直观的选择日...
多层次导航
响应式多层次多样式多选项导航菜单 jQuery 插件基于 jQuery 实现的多级嵌套菜单插件,这款导航插件式响应式的,提供了上、下、左、右四个方向的菜单导航样式,同时还支持多层菜单的同层级页面打开以及多层级打开方式,另外还提供了是否激活点击关闭...
调整表格
基于 jQuery 实现可拖拽调整表格列宽的table表格这是一款轻量级且易于使用的 jQuery 插件,可通过拖拽表头列调整各类 HTML 表格列的大小,使用起来也很简单,只需要将表格域调用制定的jQuery方法即可完成,表格的样式完全可以自定义。