响应式table
HTML 可自动调整列宽的响应式 table 表格这段 HTML 和 CSS 代码可帮助你创建一个可自动调整列宽的响应式 table 表格,它通过对边框、字体、颜色和间距等各种元素进行样式设计,创建了一个简洁、有条理且具有视觉吸引力的表格,它能...
立夏
【重磅推出】Brutalist 野兽派风格 5 色炫酷风格博客,首创基于 Java 实现的自助博客建站系统跟立春博客系统一样,这同样是一款基于 Thymeleaf 及 Bootstrap 开发的 Java 系统配套前端博客模板,可以与后端SpringBoot源码搭配共建博客,当前模板包含立春博客系统...
调整表格
基于 jQuery 实现可拖拽调整表格列宽的table表格这是一款轻量级且易于使用的 jQuery 插件,可通过拖拽表头列调整各类 HTML 表格列的大小,使用起来也很简单,只需要将表格域调用制定的jQuery方法即可完成,表格的样式完全可以自定义。
开关按钮
JavaScript 实现的无障碍切换开关滑动效果这段 JavaScript 代码实现了一个具有无障碍功能的拨动开关按钮,它可以应用于用户通过按下按钮来打开或关闭某些功能,同时支持通过按 tab 键,然后按回车键来实现安妮状态的切换,其核心功能...
聚灯导航栏
使用 JavaScript 创建带聚光灯指示器的底部导航栏使用 JavaScript 代码创建了一个具有指示器功能的底部导航栏。导航栏添加聚光灯是多么炫酷的效果!它使用事件监听器来突出显示活动图标,为导航提供视觉反馈,同时支持文字、颜色及位置的自定义。...
选座
使用 JavaScript 实现的在线选座订票插件使用 JavaScript 创建一个在线选座预订票插件,可适用于电影院、演唱会、剧场等有在线售票需求的网站及服务,用户可通过点击复选框选择座位,代码校验了用户在选择座位前需输入姓名和所需座位数,...
表格美容
CSS设置美观且响应式的table表格,超出屏幕变滚动条富文本回显,或者普通html中的table表格由于内容一般都比较多,不特别设置样式的情况下可能会出现过度挤压、超出屏幕、或者文字被截断等各类诡异情况,莫慌,其实只需要对网站的table做统一样式...
Tab切换
CSS+JS实现的轻量级Tab切换效果该代码将创建由多个可自由切换的Tab标签组成的效果,它使用 JavaScript 和 CSS 创建交互式Tab标签。这里的核心方法是 switchTab,点击后可在标签之间自由切换,它有助于在网...
Sortable
丝滑拖拽与排序列表项-Sortable JS下面的代码介绍如何使用 Sortable JS 创建拖放排序列表,该控件在时尚的用户界面中提供了流畅的拖拽、移动列表项的功能,其主要功能在于动态排序列表项,通过轻松拖拽的方式来重新排列以增强用户...
立秋
SpringBoot自定义化学试剂、各类器材中小企业建站系统该模板与「立冬」模板底层实现一样,同样是基于SpringBoot+Bootstrap5+Thymeleaf实现,以Java语言为底层的企业网站建站模板,该模板可用于各类器材供应商、化学试...
立冬
企业官网建站模板,基于SpringBoot+Bootstrap5+Thymeleaf实现立冬这套模板专门针对企业网站研发的,优点主要体现在:1、基于Bootstrap v5.2.2响应式布局模板开发,2、功能齐全,3、深度SEO优化,4、服务端基于Java语言实现。非常适用于企业宣...
立春
绿色系简约风格支持多语言切换的SpringBoot博客建站系统,支持自定义建站这款名为「立春」的模板以其简洁、清新的外观和丰富的功能而备受欢迎。从首页到文章列表页,再到文章详情页和分类标签页,每个页面都经过精心设计和细致打磨。这个模板的特色在于其对细节的出色追求,无论是页...