文字轮播
基于 CSS 实现文字多种滚动播放效果本 CSS 代码片段实现了移动文本动画,底层使用 CSS3 关键帧来左右移动文本,同时,它还演示了使用 HTML 标记移动文本。该滚动文字效果可应用于新闻列表或者滚动新闻或者网站公告之类的场景...
花样下划线
使用 CSS 实现的波浪线、双实线、点线等多种下划线样式本 CSS 代码片段演示了五种不同风格的文本装饰属性。包括波浪线、虚线、双实线、单实线、点线以及文字上线包围实线样式等下划线样式来装饰文本。加入这个小小的 CSS 库后,你只需使用类名,就可以为...
CSS边框
列表项之间的 CSS 边框这个简单的 CSS 代码片段可以实现在列表项之间绘制边框,实现原理是使用 CSS border 属性在 两个 li 之间绘制个性边框,最后一个 li 不设置边框,可用于列表项之间或者分割内容使用。
复选框
9 款基于 CSS 实现的不同风格炫酷复选框基于 CSS 设计了 9 款炫酷的交互式复选框按钮或者单选框按钮,包含滑动方式、圆形按钮风格以及方形按钮风格三种时尚风格 3 种风格,可根据自身需求定制按钮的颜色、大小以及图标效果,使用起来也相...
div高度
基于原生 JavaScript 实现滚动粘性菜单导航效果使用原生的 JS 实现的在滚动事件中创建粘性导航栏,该插件会获取滚动位置,并在到达导航偏移位置时设置粘性类,将菜单固定于页面顶端,并且实现导航菜单项也就是锚点的切换,可在各部分之间平滑跳转。这种...
圆形菜单
使用 JavaScript 和 CSS3 创建环形围绕的圆形快捷导航分享工具栏采用 JavaScript 和 CSS3 实现的超轻量级的(小于 2KB)圆形菜单,以个性的方式展示菜单项,该插件使用纯 JavaScript 和 CSS 创建精美的径向/环形菜单,初始状态显...
弹跳切换效果
jQuery 插件使用弹跳效果实现页面滚动模块切换这是一款轻量级、易于定制的页面滚动 jQuery 插件,您只需在页面中创建 HTML 部分,该插件原理是:自动检测窗口滚动事件获取到下一个模块并产成弹跳动画效果。此外,该插件还提供隐藏浏览器滚动...
刮刮卡
使用 JavaScript 和 HTML5 画布 Canvas 创建刮刮卡使用 JavaScript 和 HTML5 画布实现的刮刮乐效果,通过 Vanilla JavaScript 技术可以隐藏刮刮卡上显示的优惠券代码或其他中奖代码。您可以在刮奖区后面放置各类数字...
范围控制
用 JavaScript 控制带有 2 个手柄的 HTML 范围滑块这是一款功能强大、高度可配置的范围滑块插件,基于 Vanilla JavaScript 和 jQuery 设计。该款插件可设置两个或者一个调节手柄控制数据范围,可在配置选项中配置最小值、最大值...
幻灯片
用 jQuery 制作的淡入淡出幻灯片这款插件式基于 CSS 和 jQuery 制作的淡入淡出图片幻灯片,特性是:简单、轻量、易用。这款迷你插件可帮助你在网页项目中创建基本的渐变效果图片幻灯片,此外,该插件还支持淡入淡出速度、轮播顺...
全屏预览
带悬浮 3D 效果,图像全屏预览,支持键盘鼠标导航图片的 jQuery 插件这是一款使用 jQuery 和 CSS3 创建的多功能炫酷全屏图片库预览插件,该图库采用完全响应式(移动友好)设计,支持键盘按钮导航以及 3D 悬浮效果,使用非常简单,只需在 HTML 结构中添...
图片差异比对
jQuery 拖拽滑块实时比较图片差异插件这是一款轻量级、简单易用的 jQuery 图像实时比对滑块插件,它可用于显示两张图片的前后差异,用户只需用鼠标拖拽/轻扫图片上的纵轴,就能直观地看到图片不同之处。该插件可轻松实现图片前后差异对比...