分类目录归档:jQuery插件

jQuery/CSS3带小图标垂直手风琴菜单

今天我们要给大家分享一款超清新的CSS3带小图标垂直手风琴菜单,这款手风琴菜单的特点是菜单项带有小图标,而且如果存在二级菜单,该菜单项右侧则有箭头符号表示。菜单项展开时,其他菜单项同时会隐藏。这款CSS3手风琴菜单非常适合网站后台管理页面中使用。

css3-accordion-icon-menu

在线演示源码下载

jQuery带缩略图焦点图插件 淡入淡出切换效果

今天我们要给大家介绍一款相对比较实用的jQuery焦点图插件,这款焦点图插件的特点有2个,一个是每一张图片都有一个同比例尺寸的缩略图,所有缩略图都排列在下方,点击缩略图即可切换到对应的图片;另外一个特点是图片切换时出现淡入淡出的动画效果,播放十分流畅。

css3-image-slider-thumbnail

在线演示源码下载

超酷的jQuery/CSS3五彩环形弹出菜单

今天我们要为大家分享一款非常漂亮的jQuery/CSS3五彩环形弹出菜单,一开始菜单项都聚集在一起,并且每个菜单项都微微错开,就像一个彩色团子。点击团子后,菜单项就会以弹出的形式展开,并形成一个环形,再点击Close按钮后,菜单项又会收拢,动画效果非常酷。类似的菜单我们之前也有分享过,比如这款jQuery简易时尚的圆形展开菜单jQuery SVG高端圆形菜单导航

jquery-css3-circle-pop-menu

在线演示源码下载

jQuery宽屏左右切换焦点图 支持鼠标拖拽切换

这是一款很实用的jQuery宽屏左右切换焦点图,该焦点图左右两侧均有一个切换箭头按钮,点击按钮可以逐一切换图片。另外,图片下方有一排圆形切换按钮,可以跳转到任意图片。这款jQuery焦点图还有一个特点是支持鼠标拖拽切换,因此适合移动设备上使用。

jquery-drag-slider

在线演示源码下载

jQuery/CSS3列表按钮删除弹性动画

今天我们要给大家分享一款很特别的jQuery按钮动画,首先按钮以列表的方式垂直或者水平排列。当我们拖动列表项时整个列表将会出现弹性的动画特效。另外,还有一种模式是点击列表的其中一项时,该项会被删除,同时其他列表项也会出现弹性抖动的动画效果。

jquery-css3-delete-animate

在线演示源码下载

jQuery百叶窗动画焦点图插件 个性化图片切换按钮

今天要给大家分享一款非常酷的jQuery百叶窗动画焦点图插件,它的特点是图片切换均采用百叶窗的样式风格,但是通过横向百叶窗和纵向百叶窗的区分,让整个焦点图不显单调。另外这款jQuery焦点图插件的图片切换按钮非常个性化,除了左右切换箭头,还有底部的任意图片切换按钮,其风格都与我们之前介绍的焦点图有很大的区别。

jquery-blind-slider

在线演示源码下载

jQuery Select下拉框美化插件 菜单淡如淡出动画

尽管现在的浏览器更新换代后更加强大,浏览器默认控件也逐渐变得美观起来,特别是Select下拉框,已经不再是以前IE6那样的丑陋了。但是今天我们要为大家分享一款基于jQuery的Select下拉框美化插件,它完全重写了浏览器默认的Select下拉框样式,而且在下拉菜单展开时还伴随淡如淡出的动画效果,非常不错。当然我们以前也分享过一些类似的插件,可以看看漂亮实用的Select下拉框美化插件Tether,也可以看看这款jQuery 美化界面的下拉框

jquery-select-pretty

在线演示源码下载

jQuery/CSS3 3D Tab菜单选项卡插件

之前我们分享过很多基于jQuery和CSS3的Tab选项卡菜单插件,很多都非常实用,比如这款jQuery五彩Tab选项卡动画,也有些非常炫酷,比如这款CSS3华丽的Tab菜单 带小图标动画。今天我们再分享一款jQuery/CSS3 3D Tab菜单选项卡插件,它的特点是Tab菜单项带有阴影效果,看上去有3D立体的视觉效果,也十分有用。

jquery-css3-3d-tab

在线演示源码下载

jQuery评论打分插件 支持多种打分按钮

很早以前,我们分享过几款不错实用的jQuery评分插件,比如这款jQuery星级评分插件jQuery评分插件 星星和心型两种外观。今天我们要介绍一款更加强大的jQuery评论打分插件,它的特点在于有多组样式的打分按钮可以选择,最厉害的是第一个表情打分按钮,会根据评分自动显示表情状态,非常生动和形象。

jquery-rank-with-button

在线演示源码下载

jQuery/SVG实现Checkbox商品列表选中特效

今天我们要为大家分享一款基于jQuery和SVG的checkbox商品列表选中特效,首先将商品描述按行显示,每行开头有一个Checkbox复选框,选中或者取消选中时,复选框的样式会发生变化,这种线条的变化是利用了SVG的路径特性。

jquery-svg-checkbox-checked

在线演示源码下载