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

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

在线演示源码下载

jQuery页面滚动元素展现隐藏动画插件

今天要给大家介绍一款超炫酷的jQuery动画插件,这款插件实现的功能是当页面向下滚动时,页面中的指定元素会以各种动画的方式展现出来,当页面向上滚动时,元素则会以各种动画方式隐藏。也就是说页面元素会随着可视范围的变化而出现展现隐藏的动画效果。

jquery-page-scroll-animation

在线演示源码下载

jQuery带播放列表音乐播放器 可底部展开

今天要给大家介绍一款功能十分强大的jQuery音乐播放器,它几乎涵盖了所有音乐播放器应该有的功能,除了通用的播放暂停、音量控制、播放进度控制,还支持多音乐播放,可以在播放列表中切换播放的音乐。同时也支持歌词的现实与隐藏。这个jQuery音乐播放器最大的特点是可以悬浮在页面底部,点击可以展开和隐藏播放器,非常适合在个人博客页面中使用。

jquery-music-player-bottom

在线演示源码下载

迷你可爱的jQuery/CSS3圆盘时钟

记得以前跟大家分享过好几款基于jQuery或者HTML5/CSS3的圆盘时钟动画插件,比如这款HTML5/CSS3时尚的圆盘时钟动画和这款HTML5/CSS3圆盘秒表动画。今天要介绍的也是一款基于jQuery和CSS3的简易圆盘时钟,它的特点是圆盘中央会有一个很大的数字,表示当前是几点。

jquery-css3-circle-clock

在线演示源码下载