分类目录归档:jQuery插件

jQuery大屏图文切换时间轴 可循环播放

今天要给大家带来一款比较特别的jQuery图片切换播放器,它的特点在于切换的不仅仅是图片,而是图文,另外每一幅图文关联时间轴上的一个节点,时间轴跟随图文切换而移动。同时,这款图文时间轴播放器还可以无缝循环播放。如果你的网站上需要介绍历史信息,那么这款jQuery插件就非常适合你。

jquery-text-image-timeline

在线演示源码下载

jQuery/CSS3激活动画按钮

今天我们要给大家分享一款基于jQuery和CSS3的状态激活动画按钮。按钮一共有4种状态,第一种状态是按钮默认时的样式,鼠标滑过按钮时就出现待激活的第二种状态,点击按钮后就出现正在激活的第三种状态,最后是激活完成的状态。由于这个按钮动画是基于jQuery的,所以使用时不要忘记引用jQuery库文件。

jquery-css3-active-button

在线演示源码下载

JavaScript可展开隐藏的侧边栏下拉菜单

这是一款基于纯JavaScript实现的侧边栏菜单,因为整个菜单并没有使用jQuery等第三方插件,因此菜单比较轻量级的。这款JS侧边栏菜单的特点是点击按钮可以展开和隐藏,并且在隐藏时自动显示提示文字,展开后又隐藏提示文字,很好地做到了自适应效果。

javascript-side-drop-menu

在线演示源码下载

jQuery/CSS3右下角展开菜单按钮

记得以前给大家分享过一款HTML5/CSS3实现iOS Path菜单,它是从左下角弹出菜单项的,效果非常不错。这次我们带来的这款菜单与之前的类似,是一款基于jQuery和CSS3的右下角展开菜单,点击展开按钮即可从右下角展开菜单项,点击菜单项即可进入相应菜单对应的页面内容。

jquery-css3-expanding-menu

在线演示源码下载

JS/CSS实时过滤单词的表格

这是一款基于JavaScript和CSS的单词过滤表格,插件在初始化时会随机生成100000个字符串单词,形成一个数字表格。在输入框中输入字符串时就会实时匹配这100000个单词,符合要求的字符串就会被过滤出来,并且右下角会显示匹配单词的数量,是一个非常实用的应用。

js-css-filter-table

在线演示源码下载

炫酷的jQuery可拖拽放大镜动画

之前我们分享过几款非常不错的jQuery/CSS3放大镜动画,比如这款jQuery球状放大镜特效插件HTML5点阵列局部放大镜动画特效都非常不错。这次我们要分享的也是一款炫酷的jQuery可拖拽放大镜动画,拖拽放大镜在页面上移动,则可以让隐藏在黑夜中的东西显示在放大镜上。

jquery-glasses-animation

在线演示源码下载

jQuery模拟iPhone X上拉刷新特效

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

jquery-iphone-x-pull-refresh

在线演示源码下载

jQuery/CSS3淡入淡出动画的多级下拉菜单

今天我们要给大家介绍一款非常不错的jQuery多级下拉菜单,它的特点是菜单在弹出下拉菜单项时,菜单项将会以淡入的动画方式显示,同样下拉菜单在隐藏时,菜单项又会以淡出的动画方式消失。这其中便是使用了CSS3的相关动画特性,才让这款实用的jQuery下拉菜单变得如此有味道。

jquery-css3-dropdown-menu-fadein

在线演示源码下载

jQuery圆形多选菜单选项 带旋转飞入动画

之前我们分享过一些基于jQuery和CSS3的圆形菜单,比如这个超酷的jQuery/CSS3五彩环形弹出菜单就非常炫酷。这次介绍的jQuery圆形多选菜单选项菜单也非常不错,它与上面那款菜单相比特点在于它可以进行子菜单的多选操作,还是比较实用的。

jquery-circle-menu-options

在线演示源码下载

炫酷实用的jQuery/CSS3动画搜索框集合

关于网页搜索框插件,我们介绍的并不是很多,记得之前分享过有一款HTML5发光的搜索框7组漂亮的纯CSS3搜索框还不错,大家可以先看看。今天要分享的这款基于jQuery和CSS3搜索框也非常强大,它有好几组不同的搜索框展开动画效果,可以在很多地方应用搜索功能。

css3-animated-search-box

在线演示源码下载