分类目录归档:jQuery插件

jQuery/CSS3气泡圆形菜单 可拖拽切换菜单项

这是一款非常富有创意的网页菜单,基于jQuery和CSS3实现。这款菜单是气泡外观的菜单项,我们可以定义任意数量的菜单项,每一个菜单项形成一个气泡,鼠标拖拽是可以选择其中一个气泡菜单项,点击后即可进入该菜单,当然我们可以为每一个菜单项定义进入后的子菜单。总体来说功能比较完备,非常适合在个性化的个人博客中使用。

jquery-css3-bubble-menu

在线演示源码下载

jQuery省市区县多级联动下拉框 带下拉项搜索

这次我们要给大家分享一款非常实用的jQuery多级联动下拉框插件,我们在写后台表单的前端代码时,经常会遇到省市区县多级联动的地区选择功能,这个功能无论是地区数据的结构化还是对地区数据的筛选都是非常困难的,这个jQuery省市区县多级联动下拉框插件很好地解决了这个问题,我们只需要简单的配置一下插件即可,更方便的是,这款插件可以实现下拉项的拼音搜索和全字搜索。

jquery-area-selector-search

在线演示源码下载

JavaScript图片拖动对比 实现图片差异定位

有些时候,我们需要快速定位被处理过图片与原始图的差异,这在有限大小的电脑屏幕上是一件很麻烦的事情。这次要给大家介绍一款用纯JavaScript代码编写的图片拖动对比插件,利用它我们可以快速地找出图片的细微差异,我们可以通过滑动图片两边的滑杆,滑动的同时原始图片就随着被处理图片的移动而逐渐显示出来。这个插件没有利用复杂的JS框架,因此代码比较简单。另外之前也分享过一款类似的jQuery插件jQuery原始图片对比插件,大家也可以去学习一下。

javascript-image-differ

在线演示源码下载

jQuery多功能手风琴个人信息菜单面板

这是一款基于jQuery的手风琴个人信息菜单面板,每一个菜单项展开后可以自定义布局,因此可以为每一个菜单项实现多功能。类似这样的多功能菜单还有jQuery/CSS3大屏下拉菜单,非常实用。由于这款手风琴菜单是基于jQuery框架的,因此兼容性和实用性很强。

jquery-accordion-person-info

在线演示源码下载

超实用的jQuery淡入淡出焦点图插件 带3D相框

这是一款基于jQuery和CSS3的焦点图插件,这款焦点图的设计非常简单,仅仅是自动播放一系列相片,相片在切换的时候带有淡入淡出的动画特效,使用起来也十分方便。另外一个特点是,这款jQuery焦点图插件的相片外框呈现3D的效果,配合黑色的背景显得非常立体大气。

jquery-auto-fade-image-play

在线演示源码下载

jQuery SVG左右弹性切换全屏焦点图动画

今天我们要为大家分享一款非常时尚和大气的jQuery全屏焦点图动画,这款焦点图插件的特点有2个,一个是焦点图整体以全屏的方式呈现,显得非常大气,而且图片四周也有3D阴影,立体视觉效果非常独特。第二是焦点图在图片切换的时候以弹性淡入淡出的动画方式,显得相当时尚。动画采用SVG相关特性,扩展十分灵活。

jquery-svg-image-slider

在线演示源码下载

jQuery动态饼状图表 多色块图表数据区域

今天要为大家介绍一款非常漂亮的jQuery饼状图表,之前我们也分享过一些饼状图表,比如jQuery饼状图表数据分布插件HTML5 Canvas饼状图表。今天这款和这些相比,它的特点是饼状图的数据区域可以动态改变,而且每个数据区域的背景颜色也可以动态改变。

jquery-colorful-donut-chart

在线演示源码下载

jQuery垂直手风琴焦点图插件 全屏背景图片展示

这次我们要来介绍一款外观非常大气的jQuery手风琴焦点图插件,这款手风琴焦点图插件的特点是以垂直的形式展开和收拢图片,图片收拢时将会以半透明的状态显示缩略图。最大的特点是切换每一张图片时,页面上将会充满整一张图片,全屏的方式展示背景图片,十分大气和具有立体感。

jquery-ver-image-accordion

在线演示源码下载

jQuery 3D卡片天气预报插件 支持手机端滑动

今天要向大家分享一款非常实用的jQuery天气预报插件,该插件有以下几个功能和特点:1、可以动态读取本地地区并针对该地区查询未来几天的天气情况;2、天气预报结果以卡片的形式展示,每一天的天气预报分都有一张卡片,并且以3D的形式展示这些卡片;3、在PC段可以通过鼠标来切换每一天的天气情况,而且在手机端同样支持触屏滑动切换。

jquery-3d-weather

在线演示源码下载

jQuery/CSS3镜像文字垂直菜单导航

菜单导航我们已经分享过很多了,当然垂直菜单也有不少,比如这款CSS3垂直手风琴折叠菜单纯CSS3垂直菜单 菜单项滑动动画都非常不错。今天要分享的也是一款基于CSS3的垂直菜单导航,它的特点是鼠标滑过菜单文字时,文字将呈现镜像的动画特效。

jquery-css3-mirror-menu

在线演示源码下载