分类目录归档:jQuery动画插件

jQuery/Bootstrap模拟LED样式的倒计时动画

今天我们要给大家分享一款基于jQuery和Bootstrap的非常新颖的网页倒计时动画,它模拟了LED的显示方式,就像红绿灯的倒计时那样。你可以预先设定好倒计时的总时间,然后点击Start按钮即可从你设定的时间开始倒计时,当然你也可以点击Reset按钮重置倒计时。

jquery-led-timer

在线演示源码下载

jQuery/CSS3图片层叠展开插件 支持多种展开方式

这是一款基于jQuery和CSS3的图片层叠展开插件,它可以将很多张图片一开始一层层交错叠在一起,鼠标点击后,这些图片又会同时展开来。之前也分享过一些类似的插件,比如jQuery超酷的层叠照片墙 可放大切换预览图片,但今天的这款图片层叠插件不同的是,它支持多种层叠和展开方式,大家看了Demo就知道了。

jquery-css3-image-stack

在线演示源码下载

jQuery模拟iPhone X上拉刷新特效

前面我们分享过一款jQuery模拟iPhone X的Notch下拉滚动条菜单,算是模拟iphone中比较经典的一款特效。今天我们要介绍的这款同样是模拟iPhone X的特效,它有着iPhone X的外观,同时上拉页面可以刷新信息,信息在展现时会有翻转显示的动画特效。

jquery-iphone-x-pull-refresh

在线演示源码下载

jQuery/CSS3天气预报插件 可切换城市

之前我们向大家分享过一款非常高端的HTML5 SVG天气预报动画卡片,可以对不同的天气模拟相应的画面。今天我们要介绍的同样是一个播报天气预报的界面,使用jQuery和CSS3技术实现,与前一个不同的是,这款jQuery天气预报插件的特点在于可以动态切换城市,通过天气预报网站相关接口数据的读取来显示不同城市的天气情况,同时插件还可以设置天气预报界面需要显示的相关元素。

jquery-css3-city-weather

在线演示源码下载

jQuery五彩炫酷模拟键盘 带键盘敲击声音

还记得以前我们分享过两款基于jQuery的模拟键盘插件,一个是jQuery获取键盘按键提示,另外一个是jQuery模拟键盘事件,都非常不错。今天我们要分享的这款jQuery模拟键盘插件非常炫酷,键盘上面会出现动态改变的背景颜色,而且颜色都是各个角度渐变的,同时更为强大是,敲击键盘时会带有键盘敲击的声音,功能十分强大。

jquery-cool-keyboard

在线演示源码下载

jQuery实现一个挂在墙上的圆盘时钟动画

今天我们要给大家介绍一款基于jQuery的圆盘时钟动画,首先时钟是可以正确显示当前本地时间的,而且也可以随着本地时间实时更新。其次这款时钟与前面分享的HTML5仿Apple Watch时钟动画不同的是,这个时钟呈现出挂在墙上的效果,看上去比较简洁和美观。

jquery-clock-on-wall

在线演示源码下载

jQuery人脸识别插件 支持视频人物人脸识别

人脸识别往往给人一种非常高级的感觉,认为在网页中使用JS很难实现人脸识别功能。今天我们要分享的一款插件正是利用jQuery实现了人脸识别功能,使用该插件可以很方便地在照片中找到人物的面部,并用方框显示在人物脸部位置。更棒的是,这款插件还可以在视频中截取人物的面部区域,非常精确,使用jQuery实现,大家可以学习一下。

jquery-facedetection

在线演示1在线演示2源码下载

超炫酷的jQuery卷轴展开动画

今天我们要给大家分享一款很不错的jQuery动画,它是一个卷轴展开的动画特效,就像一幅山水画展开一样,非常绚丽。它将一张完整的卷轴拆分到多个div中,然后通过jquery animate事件,配合不同的时间延迟,形成完整的卷轴打开动画。

jquery-reel-animation

在线演示源码下载

jQuery 3D方块散落动画

今天我们要来分享一款非常酷的jQuery动画,它是一款jQuery 3D方块散落动画,首先在一张3D的桌面上放置着随机大小的方块,然后每一个方块都会定时散落下去,最后又会自动补齐方块,周而复始的循环,3D动画非常炫酷。

jquery-3d-cube-scattered

在线演示源码下载

jQuery/CSS3彩色进度条插件 动态百分比提示

今天要为大家分享一款非常实用的jQuery/CSS3彩色进度条插件,进度条的UI风格比较漂亮,进度实体部分有发光的动画特效。另外还有一个特点是,进度百分比会动态提示,让用户实时了解当前事件的进度情况,并且在结束时提示进度完成情况。

jquery-css3-dynamic-progressbar

在线演示源码下载