- 博客(304)
- 收藏
- 关注
RSS订阅原创 HTML+CSS+JS 苹果消息折叠效果
实现了一个苹果消息折叠效果。页面包含一个列表，每个列表项包括一个标题、一个时间和一些文本内容。点击列表项时，该项会展开或折叠，同时其他项的位置和透明度也会发生变化，营造出一种立体感和层次感。背景图片的运用增强了页面的视觉效果。
2024-09-26 13:47:54
398
原创 HTML+CSS+JS 全景轮播
实现了一个全景轮播的效果，包括多张图片在容器中的轮播展示，以及左右按钮的控制。其中，CSS实现了图片的布局和样式，JavaScript实现了左右按钮的点击事件，以及图片的切换。
2024-09-24 13:31:31
185
原创 HTML+CSS+JS 焦点轮播
实现了一个焦点轮播效果，页面中有一个大的图片展示框和一个图片列表，当用户点击图片列表中的某个图片时，该图片会变为焦点状态，并且展示框中的图片会切换为该图片。同时，为了防止用户频繁点击，使用节流处理，每次切换图片后需要等待1秒才能再次切换。
2024-09-24 13:27:03
604
原创 HTML+CSS+JS 花瓣登录表单组件
实现了一个带密码可见性切换的登录框效果，页面中有一个带有背景图片的登录框，包含用户名和密码输入框以及登录按钮和忘记密码链接。在密码输入框中，用户可以通过点击眼睛图标来切换密码的可见性。当密码可见时，眼睛图标变为闭眼图标，当密码不可见时，眼睛图标变为睁眼图标。同时，页面中还有一组花朵背景动画，为页面增添了一些生动的元素。
2024-09-24 13:22:48
396
原创 纯前端实现语音文字互转
在现代互联网的发展中，语音技术正逐渐成为改变用户体验的重要一环。Web Speech API 的引入使得开发者能够在浏览器中轻松实现语音识别和语音合成功能，为用户带来更加直观和便捷的操作体验。本文将介绍 Web Speech API 的基本概念、功能特性以及如何利用它来构建创新的应用程序。
2024-09-20 17:06:05
1137
原创 HTML+CSS 文本跑马灯特效
在现代网页设计中，如何吸引用户的注意力并增强用户体验是至关重要的。今天，我将向大家介绍一种引人注目的文本跑马灯特效，让你的网页焕发新的活力！让我们来看看这个特效的预览效果。当你将以下代码应用到你的网页中时，会出现一组文字以跑马灯的方式动态显示，同时文字颜色也会随着动画的进行而变化，如图所示：
2024-09-19 17:43:33
314
1屏幕适配-响应式页面源码
2024-06-12
skyWalking接入
2024-01-24
HTML5+CSS3+JS小实例：自适应瀑布流布局
2024-01-24
接入skyWalking分布式系统（只需2步-2024最新版教程）
2024-01-23
前端实现动态圣诞树动画粒子效果（HTML+CSS+JS）
2023-12-12
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人