使用 JavaScript 制作逼真书本翻页效果

翻页效果

使用 JavaScript 制作逼真书本翻页效果

基于纯 JavaScript 实现的图书翻页效果,它带有下一页和上一页按钮,可通过翻页动画切换图片,使用起来也很简单,只需要在前后容器中添加图片(作为背景),代码就会自动渲染出逼真的图书翻页风格...

基于简单 JavaScript 实现的悬停时的视差效果

悬停效果

基于简单 JavaScript 实现的悬停时的视差效果

此 JavaScript 代码片段可帮助您在鼠标悬停事件中创建视差移动效果,实现原理是在鼠标悬停事件中获取页面的 clienX 和 clientY 值,并相应地移动目标元素,通过调整数值可改变悬...

基于 JavaScript 实现地不同尺寸图片规则布局图库

网格图库

基于 JavaScript 实现地不同尺寸图片规则布局图库

本 JavaScript 代码实现了创建不同尺寸图片组成的网格状图库,而且不同大小尺寸的图片组成的网格图库是完全响应式的,可根据设备宽度自动调整图片尺寸。而且使用起来也多功能简单,只需要设置di...

基于 JavaScript 实现地轻量级 FAQ 常见问题折叠框

手风琴

基于 JavaScript 实现地轻量级 FAQ 常见问题折叠框

基于 JavaScript 实现地一个平滑过渡的手风琴效果,界面很简洁,支持打开与关闭,同一时间只允许一个项目被打开,可用在项目的 FAQs 常见问题模块中。只使用了 JavaScript 与 ...

基于 JavaScript 实现的轻量级响应式轮播插件

轮播插件

基于 JavaScript 实现的轻量级响应式轮播插件

这是一款轻量级、功能强大且支持多选项灵活配置的 JavaScript 轮播插件,不依赖 jQuery 等第三方插件,完全纯 JS 实现,而且还内置触摸支持拥有完全地响应式布局风格,可良好支持大中...

带箭头的 JavaScript 响应式手风琴常见问题开闭插件

手风琴效果

带箭头的 JavaScript 响应式手风琴常见问题开闭插件

本 JavaScript 代码片段可创建带箭头图标的响应式手风琴效果,实现非常简单,仅有 20 行代码,您可以将该手风琴效果用于常见问题页面或通用手风琴导航场景,该插件支持响应式布局,颜色、边距...

支持自定义打印区域的 jQuery 打印插件

自定义打印

支持自定义打印区域的 jQuery 打印插件

这是一款超棒的 jQuery 打印插件,可让您为网页/应用程序添加打印页面功能,该插件可打印页面上的特定区域或特定的页面元素,可用于单独或者组合打印网页的图像、画布 canvas 和纯文本,以及...

使用 jQuery + CSS 实现的4种响应式 3D 卡片轮播效果

3D轮播

使用 jQuery + CSS 实现的4种响应式 3D 卡片轮播效果

这是一款基于 CSS3 3D 炫酷变换卡片轮播的 jQuery 插件,可复制我们熟悉的 "封面流 "效果,同时还支持多种样式。Flipster不仅外观华丽,而且还拥有响应式布局、触摸友好、轻量级...

具有图片悬停放大查看细节功能的 jQuery 产品图库

细节产品图

具有图片悬停放大查看细节功能的 jQuery 产品图库

一款轻量级 jQuery 插件,用于创建产品图库,并可在图片悬停时放大图片细节。该插件可通过缩略图/下一个上一个按钮切换图片。此外,它还能在鼠标悬停在图片上时提供流畅的细节放大效果,提供的CSS...

响应式轻量级图片切换 jQuery 插件

图片切换

响应式轻量级图片切换 jQuery 插件

这是一款轻量级、完全响应且易于使用的 jQuery 图片切换轮播插件。该插件可创建类似谷歌的滚动旋转木马滑块,通过下一个和上一个按钮滑动图片、视频或内联内容。使用起来超简单,只需要把需要轮播的常...

带缩略图的轻量级 jQuery 视频播放器,实现轻松播放 HTML5 视频

视频播放器

带缩略图的轻量级 jQuery 视频播放器,实现轻松播放 HTML5 视频

这是一款基于 Web 的轻量级多特性 jQuery 视频播放器,可在网页上播放 HTML5 视频,并带有缩略图,该插件支持对播放器进行全面配置,包括播放器界面、控件图标等。它还可以通过添加 G...

基于 JavaScript 实现的轻量级返回顶部浮动按钮

返回顶部

基于 JavaScript 实现的轻量级返回顶部浮动按钮

这是一款基于纯 JavaScript 及少量 CSS 实现的滚动到页面顶部浮动按钮,该按钮支持响应式,能够在移动等设备上良好显示,可实现让用户点击后顺利到达页面顶部,该插件可在页面底部创建带箭头...