HTML网页中实现高亮显示滚动到视图中的文本。

标记文本

HTML网页中实现高亮显示滚动到视图中的文本。

利用 Intersection Observer API 以及 GSAP ScrollTrigger 两种技术实现了高亮显示滚动到视图中的文本效果。这两种技术可以通过实时监测屏幕中的某些“元素”...

纯 CSS 实现的轻量级文本高亮标记效果

文字标记

纯 CSS 实现的轻量级文本高亮标记效果

只使用 CSS 实现的文本不同颜色高亮显示文本效果,可以突出标记重点段落或文字,非常的轻量级,只需要在需要将需要高亮突出的文本置于*-highlight标签中即可,*代表的是颜色,比如green...

JavaScript 会呼吸的文字动画效果

可变字体

JavaScript 会呼吸的文字动画效果

利用 JavaScript 结合 splitting.js 插件实现的文字收缩动画,其中 splitting.js 负责分词,JavaScript负责生成最终类似于呼吸的伸缩效果,该款效果应用于...

CSS JS 悬浮光标放大镜片效果

光标放大

CSS JS 悬浮光标放大镜片效果

代码实现的是一种鼠标悬停效果,具体表现为:当鼠标悬停与文字之上时,会出现类似于放大镜的圆形光标,透过圆形小镜子效果文字会变色,使用这种效果可以突出文字,提高主要内容的视觉吸引力,实现方式是通过 ...

利用标记动画突出 div 中的文本 jQuery 插件

标记突出

利用标记动画突出 div 中的文本 jQuery 插件

这是一款功能齐全的 jQuery 文本高亮动画插件。这个 jQuery 插件可以高亮显示 div 中的文本(或页面中的任何文本)内容,可以使用自定义的颜色轻松突出显示行、段落、单个文字或句子,同...

基于 JS 实现的响应式图像热点区域标记效果

图像热点

基于 JS 实现的响应式图像热点区域标记效果

该代码可以在网页上创建响应式图片热点区域标记,它的工作原理是在图片上的指定区域设置热点样式(+号),以便在点击时显示更多详细信息,这种效果可以标记出图片或者其他块级元素的重点区域,让用户一眼就能...

CSS 控制 HTML 段落首个文字/字母放大

首字放大

CSS 控制 HTML 段落首个文字/字母放大

本 CSS 代码片段可帮助您将 HTML 文档段落中的首字母变大,中文效果为:段落第一个字突出变大,原理是使用 CSS 首文字伪选择器创建了一个醒目的大首文字,具有独特的字体、颜色和可选样式。所...

在Bootstrap5中实现页面右下角浮动联系方式按钮

浮动按钮

在Bootstrap5中实现页面右下角浮动联系方式按钮

此代码片段可为您的 Bootstrap 5 项目添加一组浮动操作按钮。放置在右下角,并且支持通过按钮展开或者折叠功能按钮,显示二级操作按钮,以便快速访问各种功能。有助于增强用户交互和导航功能。 ...

文字段落重点标记插件

标记

文字段落重点标记插件

这是一款在网页中标记重要语句的 jQuery 插件,用于突出显示重要数据。代码编写方式简单,可以轻松集成到网站中。包括方框标记、下划线标记、圆圈标记、中括号标记、中划线标记、删除标记、划掉标记,...