原生js搜索查询JSON文件中的数据并高亮突出显示

描述: 用户在input文本框中输入关键字时,动态显示与输入字符相符的城市名。使用了正则表达式过滤列表文本,并在结果中高亮显示用户的搜索结果。

分类: 网页特效 - 搜索&查询

用户: gutou888

 244    1    0    1  

javascript多层级DIV沉浸式滚动缩放动画特效代码

描述: 类似于在三维场景中的各个层上平滑放大和缩小。点击滚动菜单链接,可滚动调整当前层的最上层级数值,触发动态视觉体验。

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

用户: gutou888

 182    1    0    1  

javascript鼠标悬停图片倾斜动画特效代码

描述: 一款悬停图片倾斜动画效果,当鼠标悬停在图片上时,图片会随着鼠标移动坐标位置,从而倾斜不同的角度,有点类似于3D立体感。

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

用户: gutou888

 160    0    0    1  

js返回页面顶部特效代码

描述: 一款常见的回到顶部代码,采用了原生js编写,实时监听用户滚动位置,向下滚动时显示,向上滚动时隐藏。

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

用户: gutou888

 150    0    0    1  

原生js实现的获取第三方网站数据进行比较特效代码

描述: 它使用自动完成功能来搜索电影,从第三方网站平台OMDb API获取电影数据,并显示关键电影统计数据的比较。大家可以使用此代码拓展运用到其它功能,非常有借鉴意义哦。

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

用户: gutou888

 170    0    0    1  

js表单输入在线解密实用工具

描述: Caesars密码是最简单、最广为人知的密码之一,也被称为移位密码。它通过移动给定文本中的字符来整合加密的形式。有助于保护敏感消息的安全和学习基本密码学。

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

用户: gutou888

 202    0    0    1  

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

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

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

用户: gutou888

 331    0    0    1  

由纯css编写的会发光发亮的边框动画代码

描述: 一款基于CSS3创建的发光转动动画特效,在指定的HTML元素上创建一个发光边框动画效果。它通过使用模糊、渐变和关键帧等CSS属性,在指定元素边框创建会发光的光晕。

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

用户: gutou888

 405    0    3    1  

基于CSS3关键帧创建的循环心跳动画效果

描述: 一款红色心形图标动画特效,将小红心图形放在一个DIV容器中,并且使用CSS代码定义心脏的外观、位置和循环动画,不停的循环扩大缩小。

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

用户: gutou888

 259    1    0    1  

原生js表单输入信息计算每日卡路里工具插件

描述: 一款每日所需卡路里计算器插件,表单输入你的年龄、性别、身高和体重来确定你每天的热量需求,很实用的一款实用工具。

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

用户: gutou888

 266    0    0    1