自动翻书
由 CSS 实现的自动翻书效果本 HTML CSS 代码片段可帮助你创建平滑过渡的书本翻页动画,底层基于 CSS3 关键帧进行旋转转换来实现,以达到逼真的翻页效果,它适用于在教育网站上制作图片幻灯片或演示图库。此外,还可以将...
星级评级
使用 SVG 和 JavaScript 制作星级评价动画,附带评级反馈基于纯 JavaScript 创建的带有单选输入的 SVG 星级评价动画。 五星评级包含 5 个不同级别的反馈,包含有星星和文字,一星评级表示糟糕的体验,五星评级表示出色的体验,用户可以选择星...
移动菜单
HTML CSS 移动底部导航栏布局本 HTML 和 CSS 代码片段可帮助您为移动设备手机视图中创建底部固定导航,是手机网站的必备布局,是使用带有绝对值的 CSS position 属性将导航设置在屏幕底部实现的,同时,你也可...
侧边栏导航
使用 jQuery 创建粘性可悬停侧边栏导航轻量级简单易用的 jQuery 侧边栏导航按钮插件,可用作创建具有超酷悬停滑动效果的粘性可悬停侧边导航,其中位置、外观颜色、背景颜色、边距、字体、行高、鼠标悬停样式等属性支持完全的自定义,高级自...
复制按钮
基于 JavaScript 实现复制文本到剪贴板按钮本 JavaScript 代码片段可创建复制到剪贴板按钮,是基于 JS 底层函数实现的,将文本临时保存到剪贴板,该插件带有一个交互式复制按钮,同时支持响应基础的错误提示,如果用户的浏览器不支持复...
翻页效果
使用 JavaScript 制作逼真书本翻页效果基于纯 JavaScript 实现的图书翻页效果,它带有下一页和上一页按钮,可通过翻页动画切换图片,使用起来也很简单,只需要在前后容器中添加图片(作为背景),代码就会自动渲染出逼真的图书翻页风格...
悬停效果
基于简单 JavaScript 实现的悬停时的视差效果此 JavaScript 代码片段可帮助您在鼠标悬停事件中创建视差移动效果,实现原理是在鼠标悬停事件中获取页面的 clienX 和 clientY 值,并相应地移动目标元素,通过调整数值可改变悬...
网格图库
基于 JavaScript 实现地不同尺寸图片规则布局图库本 JavaScript 代码实现了创建不同尺寸图片组成的网格状图库,而且不同大小尺寸的图片组成的网格图库是完全响应式的,可根据设备宽度自动调整图片尺寸。而且使用起来也多功能简单,只需要设置di...
手风琴
基于 JavaScript 实现地轻量级 FAQ 常见问题折叠框基于 JavaScript 实现地一个平滑过渡的手风琴效果,界面很简洁,支持打开与关闭,同一时间只允许一个项目被打开,可用在项目的 FAQs 常见问题模块中。只使用了 JavaScript 与 ...
轮播插件
基于 JavaScript 实现的轻量级响应式轮播插件这是一款轻量级、功能强大且支持多选项灵活配置的 JavaScript 轮播插件,不依赖 jQuery 等第三方插件,完全纯 JS 实现,而且还内置触摸支持拥有完全地响应式布局风格,可良好支持大中...
手风琴效果
带箭头的 JavaScript 响应式手风琴常见问题开闭插件本 JavaScript 代码片段可创建带箭头图标的响应式手风琴效果,实现非常简单,仅有 20 行代码,您可以将该手风琴效果用于常见问题页面或通用手风琴导航场景,该插件支持响应式布局,颜色、边距...
自定义打印
支持自定义打印区域的 jQuery 打印插件这是一款超棒的 jQuery 打印插件,可让您为网页/应用程序添加打印页面功能,该插件可打印页面上的特定区域或特定的页面元素,可用于单独或者组合打印网页的图像、画布 canvas 和纯文本,以及...