固定列表格
CSS 设置表格的固定页眉、页脚和第一列的高度和宽度这段代码使用 CSS position:sticky 属性创建了一个具有固定页眉以及固定第一列的 HTML 表格，该表格的高度和宽度保持不变，并包含一个固定的页脚。 支持 position:st...
响应式table
HTML 可自动调整列宽的响应式 table 表格这段 HTML 和 CSS 代码可帮助你创建一个可自动调整列宽的响应式 table 表格，它通过对边框、字体、颜色和间距等各种元素进行样式设计，创建了一个简洁、有条理且具有视觉吸引力的表格，它能...
拍瑞德
Tailwind CSS 个人作品集展示网站模板这是一款使用主流前端框架 Tailwind CSS 构建的个人作品集、个人全方位展示网站模板，该款模板使用了极具创意、简约而干净的设计，非常适用于个人作品集、艺术作品集、创意作品集、产品设计师、...
指导者
在线文档与知识问答专用 Tailwind CSS 网站模板这是一款在线文档与知识库分享专用网站模板，使用最近热度优异的前端框架 Tailwind CSS 进行构建，版本是3.4.0，同时还包含大量组件，以及组件的详细介绍，可轻松制作产品指南、在线文档、...
卡佩
Tailwind CSS 实现的税务与社保等服务公司网站模板这是一款使用主流版本的 Tailwind CSS 优秀前端框架设计而成的公司服务行业网站模板，非常适合于会计事务所、税务服务、社保服务、财务顾问服务、薪资顾问服务、医疗社保服务、房产交易服务等公...
导航栏
Bootstrap 5 中实现响应式导航栏菜单示例本代码示例使用 Bootstrap 5 创建了一个响应式导航栏。 它能确保网站的导航菜单适应不同的屏幕尺寸，无论是台式机还是移动设备都能够良好且以合理的布局方式展示，其核心功能包括可折叠菜单、下...
侧边栏导航
Bootstrap 实现的左侧边栏导航菜单栏，常见Bootstrap版本均可使用左侧边栏导航菜单是基于 Bootstrap 框架结合 jquery 实现的，导航的动画效果是基于 Bootstrap 提供的js实现的，外观样式是使用原生 CSS 实现的，所以这款左侧导航栏菜单...
轻量级轮播
纯 JS 实现的轻量级响应式轮播图插件， 仅1kb大小这款轮播图插件非常的轻量级，大小只有1kb，区区60行js脚本实现的响应式轮播图插件相当给力，除了自动轮播还提供了两种手动切换轮播的方式，第一种是通过左右按钮进行切换，另一种方式是使用底部提供的...
垂直轮播
基于 JavaScript 实现的垂直/纵向图像切换轮播插件这段 JavaScript 代码可实现在网页上创建垂直的图片切换滑块，通过这款插件您可以以时尚、独特的方式展示带有相应内容的多张图片，该滑块可提高用户参与度，有助于在网站上以互动方式展示内容或产...
搜索框
美观大气的响应式搜索框，可用在 Bootstrap 项目中这是一款外观精致，大气的万能搜索框，只是响应式布局，可搭配Bootstrap或者Tailwind项目使用，本网站的模板、素材搜索模块的搜索框就是使用的这款搜索框插件，该搜索框使用了svg定制的放...
轻量级图库
带缩略图的轻量级 CSS 响应式图库插件，支持悬浮动画及图片切换本 HTML 和 CSS 代码可创建一个轻量级、简约且时尚的图片库，整体效果包含一张中央主图和其下方的可点击缩略图，当点击缩略图时，主图片会发生变化，显示所点击的图片，该插件使用简短的 CSS...
验证码校验
使用 Bootstrap 5 实现的 OTP 短信验证码校验效果本代码是使用 Bootstrap 5 创建的一个 OTP 验证码校验输入框，可以实现让用户验证通过电子邮件或者手机号发送的验证码，功能设计包括设置六个输入字段供用户输入收到的验证码，这里对输入的...