分类目录归档:jQuery插件

精美的jQuery视差效果图片轮播插件

今天让我们给大家分享一款基于jQuery的视差效果的图片轮播插件,它与一般的jQuery焦点图插件相比,并不是图片之间的切换,而是各种网页元素悬浮在一张大背景图上,切换时背景逐渐移动,另外背景上的元素也会跟着切换,与之类似的还有一款jQuery视差效果的焦点图插件

jquery-parallax-image-slider

在线演示源码下载

jQuery简易平滑焦点图插件

今天要给大家介绍一款超实用的jQuery简易平滑焦点图插件,这款焦点图的扩展性非常强,主区域可以是图片,也可以是文字和视频,理论上讲可以是任意HTML元素。另外还有一个特点是可以自定义切换按钮,控制显示切换箭头还是切换按钮,还支持自动播放图片。

jquery-easy-image-player

在线演示源码下载

带投影的3D jQuery焦点图 可自适应页面大小

之前我们为大家分享很多带有3d视觉效果的jQuery/HTML5焦点图插件,比如这款jQuery/CSS3 3D旋转图片切换焦点图插件功能就非常强大。这次我们要分享的是一款带投影的3D jQuery焦点图,它的特点是利用CSS3的投影特性,让图片带有3D立体的视觉效果,同时另外一个特点是图片可以随着页面大小而自适应,可以让焦点图插件在大屏的PC页面和迷你的移动页面上均可使用。

jquery-3d-shadow-image

在线演示源码下载

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

在线演示源码下载