轮播图
带缩略图的轻量级 jQuery 图片轮播插件这款 jQuery 插件可实现带缩略图的大屏图片轮播效果,支持点击背景的大图以及下方的缩略图两种方式进行图片的切换,使用起来很方便,只需要把需要轮播的图片放入指定的 div 区域即可实现带缩略图...
图库
支持触摸与键盘控制预览的响应式图像灯箱 jQuery 插件这是一款跨平台、跨浏览器的 jQuery 触摸响应式图像灯箱效果插件,支持图片、视频和其他各类内嵌内容的滑动预览操作,主要特色功能包括:1、支持触摸,支持轻扫(左、右、上、下)滑动图片/视频/内...
文字竖线
基于 CSS 实现中间有文字的竖线这段简单的 CSS 代码片段可实现在竖线垂直线中添加文字的效果。该段代码的实现原理是使用 CSS 的前后伪选择器在文字的上下各画一条线,线条的粗细以及长短可以通过宽度和高度属性来设置,同时,背景...
开关按钮
纯 CSS 实现的带指示灯的平缓开关切换按钮基于纯 CSS 代码实现的平滑过渡的切换开关按钮。将复选框 checkbox 转换为漂亮的切换按钮,使用起来特别简单:只需将复选框 checkbox 放入指定的类名为「switch」的 div ...
进场动画
CSS 实现的 7 种炫酷地文字进场动画本 CSS 代码片段包含 7 种时尚炫酷的文字进场动画,可让你的文字变得更加生动,底层使用 CSS3 动画关键帧和动画延迟来为单个文字或者单个英文字母制作动画,它为文字的个性展示提供了一种简单的...
文字轮播
基于 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 部分,该插件原理是:自动检测窗口滚动事件获取到下一个模块并产成弹跳动画效果。此外,该插件还提供隐藏浏览器滚动...