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

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

在线演示源码下载

jQuery雪人和下雪动画

今天我们要来分享一款非常欢乐的jQuery雪人和下雪动画,雪人是由一张图片形成,非常可爱。下雪的动画是由jQuery的动画特性来完成,随机大小和随机透明度的雪花从空中飘落,环绕在小雪人的四周显得格外宁静。

jquery-snow-animation

在线演示源码下载

jQuery书本翻页动画 支持手机触屏

之前我们介绍过很多款功能各异的书本翻页动画了,比如最近刚分享的适配移动端的HTML5电子书翻页动画特效和很早前分享的CSS3书本翻页动画。这次给大家带来另外一个jQuery书本翻页动画插件,它的特点是支持移动端的触屏翻页,效果非常不错。

jquery-book-paging-mobile

在线演示源码下载

jQuery俄罗斯方块游戏动画

记得之前为大家介绍过一款HTML5/CSS3简易版俄罗斯方块游戏,经典值得回味。今天我们同样要再分享一款基于jQuery的俄罗斯方块游戏,这款俄罗斯方块游戏同样支持难度自动提升、累计积分等功能,唯一的问题就是未能处理好浏览器中的向上和向下箭头的兼容,建议对JS熟悉的朋友可以自行修改游戏按键以避开上下键。

jquery-tetris-game

在线演示源码下载