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

基于jQuery的瀑布流图片筛选插件

瀑布流的展现方式在目前的网页中用得越来越广泛,特别是图片和首页文章的动态加载。今天分享的这款就是基于jQuery的瀑布流图片筛选插件,我们可以点击图片分类名称,即可将对应分类下的图片以瀑布流的方式展示出来,这款插件在筛选图片上使用还是比较方便的。

jquery-waterfalls-images

在线演示源码下载

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

在线演示源码下载