原生js实现的浏览器窗口大小更新状态检测工具

描述: 基于JavaScript的optimizedResize事件检测浏览器窗口的大小,实时获取当前更新状态。通常可运用于web开发人员管理调整大小触发的操作。包含了三种不同状态:等待、更新中、已更新。

分类: 网页特效 - 实用工具

用户: gutou888

 9.3K    0    40    30  

javascript文本框输入文字时可自动调整大小特效代码

描述: 一款可自动调整文本输入框大小插件,输入文字时动态调整textarea/input的高度。此功能增强了输入文本时的用户体验。

分类: 网页特效 - 丰富的输入

用户: gutou888

 4.4K    0    30    91  

原生js可视化进度记录每日耗水量在线统计工具

描述: 一款响应式可视化进度的水量统计工具。点击各种不同大小的杯子,即可记录你的耗水量。左侧最大杯子显示了剩余的水(以升为单位)和你每天实现目标的百分比。

分类: 网页特效 - 实用工具

用户: gutou888

 9.5K    0    70    51  

css响应式组织结构树形图特效代码

描述: 一款纯CSS实现的层级架构图布局,响应式适应不同的屏幕大小,可快速的了解整个层级的组织结构。

分类: 网页特效 - 其它&杂项

用户: gutou888

 8.3K    0    82    21  

js带动态灯光效果的虚拟键盘工具

描述: 这是一个实用的虚拟键盘工具,键盘可输入字母、数字、字符、可切换大小写、添加空格和键盘灯光效果。

分类: 网页特效 - 丰富的输入

用户: gutou888

 6.3K    0    30    70  

2024新年倒计时雪花飘落特效代码

描述: 一款新年倒计时特效代码,随机位置大小的雪花从天而降,效果很逼真!倒计时可指定一个日期时间,自动倒计时(天时分秒)。

分类: 网页特效 - 日期时间

用户: gutou888

 9.4K    0    60    22  

javascript使用canvas画布调整图片大小

描述: 可以给图片指定一个固定的宽度高度,并将在画布上创建和图片一样的大小。此特效有助于在不更改原始图片文件的情况下调整图片尺寸。

分类: 网页特效 - 图片特效&上传

用户: gutou888

 6.2K    0    20    11  

javascript上传图片大小压缩代码

描述: 当选择本地图片时,会计算并显示以MB为单位的原始图片大小。然后显示图片预览,将其压缩为WebP格式,并显示新的压缩大小(KB)。这段代码非常简单实用,可以在上传之前压缩图片大小,从而提交页面加载速度。

分类: 网页特效 - 图片特效&上传

用户: gutou888

 7.3K    0    20    50  

基于snowflake.js生成可自定义的13种雪花飘落动画

描述: 可以指定雪花数量,以及对其外观大小和行为的粒度控制。例如,可以设置雪花大小、不透明度、颜色等的范围。可以根据需要打开/关闭风的效果和旋转。

分类: 网页特效 - 动画效果

用户: gutou888

 4.2K    0    82    70  

传CSS实现的不同颜色区分的圆形饼状图代码

描述: 该代码利用了CSS为每个数据百分比生成饼状图切片,每个片段的大小和颜色与其各自的数据值相对应。

分类: 网页特效 - 图表&进度

用户: gutou888

 7.4K    1    30    52