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

超炫酷的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

在线演示源码下载

jQuery可拖拽旋转的3D图片墙

今天我们要来分享一款很炫酷的jQuery 3D图片墙,每一张图片围绕起来形成一个圆形的图片墙,而且图片周围有发光的动画特效。当我们拖拽图片时,即可以旋转所有图片,有一种3D立体的视觉效果。而且图片有倒影的特效,更显立体效果了。

jquery-3d-drag-image-player

在线演示源码下载

jQuery实现3D跑马灯动画特效

跑马灯动画在网页中特别常见,很多时候都用来在页面顶部或者底部滚动显示一些比较重要的公告和新闻动态。这种动画用jQuery实现非常简单,可能短短几句话就可以实现。但是今天要分享的这个jQuery跑马灯动画比较特别,它的滚动屏幕呈现3D立体的形状,非常不错。

jquery-3d-marquee

在线演示源码下载

超漂亮的jQuery和Bootstrap进度条插件

这又是一款非常漂亮的网页进度条插件,它是基于jQuery脚本和Bootstrap样式的,形式和之前分享的CSS3彩色进度条加载动画 带进度百分比类似,但是外观有所不同。同样的这款进度条也有数字百分比显示在上方,因此可以很清楚地了解当前进度情况。

jquery-bootstrap-progressbar

在线演示源码下载

jQuery瀑布流布局 可拖拽交换元素

现在瀑布流布局形式非常流行,之前我们也分享过一款JavaScript结合CSS实现图片瀑布流布局,还是比较实用的。这次我们依然要为大家分享一款基于jQuery的瀑布流布局插件,不同的是,我们可以用鼠标拖拽瀑布流中的元素互相交换。

jquery-waterfalls-exchange

在线演示源码下载