音乐播放器
JavaScript 响应式炫酷音乐播放器插件,3D专辑图片展示,在线音乐网站的首选超级时尚炫酷的一款音乐播放器插件,采用原生的 JavaScript 搭配少许 CSS 样式实现,是一款标准化的音乐播放器,提供音乐切换、暂停播放、播放进度、专辑图片轮播、动态背景等功能,黑色的配...
轻量级图库
带缩略图的轻量级 CSS 响应式图库插件,支持悬浮动画及图片切换本 HTML 和 CSS 代码可创建一个轻量级、简约且时尚的图片库,整体效果包含一张中央主图和其下方的可点击缩略图,当点击缩略图时,主图片会发生变化,显示所点击的图片,该插件使用简短的 CSS...
视频播放器
带缩略图的轻量级 jQuery 视频播放器,实现轻松播放 HTML5 视频这是一款基于 Web 的轻量级多特性 jQuery 视频播放器,可在网页上播放 HTML5 视频,并带有缩略图,该插件支持对播放器进行全面配置,包括播放器界面、控件图标等。它还可以通过添加 G...
3D 照片墙
轻量级带预览与切换功能的 3D 照片墙插件这是一款基于 jQuery 构建的创意性十足的 3D 墙壁画廊插件,能以炫酷的方式展示多张图片,实现原理简单地说就是通过获取 DOM 图像,并通过基于 CSS3 的透视变换效果来显示它们。同时...
按钮音效
基于 JavaScript 实现点击按钮播放声音基于纯 JavaScript 实现的点击事件播放声音,它的工作原理是为每个按钮关联特定的声音素材,并在点击按钮时播放相应的声音或者音乐,可以基于此代码创建钢琴、电子琴音板(全键盘音乐模拟器)或...
图库预览
使用 CSS 和 jQuery 实现地轻量级灯箱图库预览插件一款轻量级且易于使用的响应式 jQuery 图片预览插件,用于在响应式弹出模块/灯箱中显示图片。迷你灯箱可帮助您创建一个简单、移动友好且响应迅速的灯箱图库,它以 CSS 合理的网格布局排列照片(...
图库
标准的 Bootstrap 5 灯箱图库基于 Bootstrap 5 实现的标准灯箱效果图片库插件,它以网格布局显示图片集,当点击图片时,图片会在全屏灯箱中打开进行预览,预览图片附带淡入淡出效果,可以一张一张地查看图片,同时,灯箱还提...
图片平缓缩放
基于 CSS 实现鼠标悬停图片平滑放大或缩小这段代码是基于 CSS 实现的让图像平滑缓慢放大缩小效果。它通过使用 CSS 变换属性,当鼠标悬停与图像上时图片平缓的放大和缩小,它尤其适用于作品集网站、产品展示、图片库以及任何其他希望为图片添...
图片压缩
JavaScript 无损压缩图片至 WebP 格式插件本 JavaScript 代码可帮助您在上传至服务器之前压缩图片大小。在选择图片时,它会以 MB 为单位计算并显示原始图片大小,然后,它会显示图像,将其压缩为 WebP 格式,并显示新的压缩大小...
多边形图片框
CSS实现的 6 种多边形图像框,将图像固定在多边形内部显示本 CSS 代码可创建多种图像形状边框,如菱形、三角形、八角形、六角形和十二角形等。这些个性图像边框可用于增强网页外观的设计和布局,代码使用 CSS 变换和溢出属性来实现这些美丽的形状效果,直接...
全屏图片查看器
JavaScript 实现全屏查看图像,并支持横向纵向滑动查看这个轻量级 JavaScript 插件可实现带滚动效果的全屏图像查看效果,它的工作原理是允许用户点击带有 "demo-image "类的特定图片元素,点击后,相应的图片就会以全屏视图显示,并且带...
音乐播放器
基于 JS + CSS 实现的具有「Material Design」质感的音乐播放器代码创建了一个具有时尚 Material Design 界面的音乐播放器,该播放器使用 CSS 来设计播放器的外观,并使用 JavaScript 来处理音乐播放,播放器实现了加载歌曲、播放、暂停...