HTML5 Canvas 实现的带撒花效果的加载进度条动画

进度条动画

HTML5 Canvas 实现的带撒花效果的加载进度条动画

该代码实现了在 HTML5 画布 Canvas 上创建加载进度条动画,可以动态可视化进度,进度条会随着内容的加载而填充并且伴有颜色渐变以及撒花的效果,从而提供可视化的更直观的加载指示。支持加载速...

CSS 实现的 7 种炫酷地文字进场动画

进场动画

CSS 实现的 7 种炫酷地文字进场动画

本 CSS 代码片段包含 7 种时尚炫酷的文字进场动画,可让你的文字变得更加生动,底层使用 CSS3 动画关键帧和动画延迟来为单个文字或者单个英文字母制作动画,它为文字的个性展示提供了一种简单的...

用 jQuery 制作的淡入淡出幻灯片

幻灯片

用 jQuery 制作的淡入淡出幻灯片

这款插件式基于 CSS 和 jQuery 制作的淡入淡出图片幻灯片,特性是:简单、轻量、易用。这款迷你插件可帮助你在网页项目中创建基本的渐变效果图片幻灯片,此外,该插件还支持淡入淡出速度、轮播顺...

使用 JavaScript 制作背景图像幻灯片

背景幻灯片

使用 JavaScript 制作背景图像幻灯片

​本代码利用 JavaScript 实现了背景图片幻灯片播放效果,它能在图片之间平滑切换,为网站的页眉增添视觉魅力,这是让网站顶部更吸引人、更有活力的绝佳方法,该效果尤其适用于个人博客、作品集网...

JavaScript 无损压缩图片至 WebP 格式插件

图片压缩

JavaScript 无损压缩图片至 WebP 格式插件

本 JavaScript 代码可帮助您在上传至服务器之前压缩图片大小。在选择图片时,它会以 MB 为单位计算并显示原始图片大小,然后,它会显示图像,将其压缩为 WebP 格式,并显示新的压缩大小...

利用 CSS 实现标题图片视差滚动效果

视差效果

利用 CSS 实现标题图片视差滚动效果

​这段代码使用简单的 CSS 创建了一种标题图像视差滚动效果。它的效果是:当鼠标滚动时图像以不同的速度移动,从而产生引人注目的视差视觉效果,代码会根据滚动位置定位和处理图像,在实现视差效果的同时...

使用 JavaScript 将图像/文本转换为 Base64

转换为Base64

使用 JavaScript 将图像/文本转换为 Base64

​这段 JavaScript 代码可实现将图像或者文本转换为 base64 格式内容,在页面中选择目标图片或者文本进行转换,它会将选择的文件转换为 Base64 数据 URI,这段代码有助于快...

基于 JS + CSS 实现的类似于DNA序列的螺旋旋转炫酷动画文本

酷炫文字

基于 JS + CSS 实现的类似于DNA序列的螺旋旋转炫酷动画文本

基于 JavaScript 创建的炫酷的动画文本,文字以类似于DNA序列的螺旋状运动,支持自定义修改文本内容、文字旋转速度等属性,它具有视觉吸引力和动态效果,您可以使用此代码为网站添加醒目的动画文本。

使用 JavaScript 制作文本轮播效果

文字轮播

使用 JavaScript 制作文本轮播效果

​使用 JavaScript 创建的文本轮播动画,以幻灯片的形式显示文本或表情图标等,当需要展示多条信息时可以使用此动画逐条展示达到重点突出的效果!同时支持自定义文字切入速度、进入方式以及轮播速度。

使用 jQuery 制作的 3D 标签云

3D标签云

使用 jQuery 制作的 3D 标签云

底层使用 jQuery 创建的动画 3D 标签云,在三维空间中显示可点击的标签,它利用 SVG 元素进行渲染,可自定义文字颜色、旋转速度、透明度、背景色以及圆弧度。自己的网站中可以把众多的标签放...

jQuery手风琴带缩略图的图片轮播插件

自动轮播

jQuery手风琴带缩略图的图片轮播插件

又一个使用 jQuery 实现的图片轮播插件,可实现多图片的自动轮播呈现出幻灯片效果,使用仿手风琴的多方格布局样式,方格依次放置图片,自动轮播时会依次展开方格进行图片预览,该插件不仅支持自动播放...

响应式剧院与艺术表演 HTML 网站模板

奥利亚

响应式剧院与艺术表演 HTML 网站模板

这是一款使用原生Html+JavaScript+CSS构建的响应式 HTML 演出类网站模板,经过精心设计和优化,有效的提升了模板的加载速度,是歌剧院、话剧院、舞台剧、相声、脱口秀、演唱会以及其...