首页 > 代码库 > 10个非常有用的jQuery图片滑动插件和教程

10个非常有用的jQuery图片滑动插件和教程

1.jQuery Bootstrap响应式下拉菜单

今天我们要来分享一个基于jQuery和Bootstrap的响应式下拉菜单,这款菜单的特点就是菜单项可以有二级下拉菜单,而且当页面宽度比较窄时菜单项将集中在一个下拉菜单下,非常适合移动网站。由于是基于jQuery的,兼容性也还可以。

在线演示

源码下载

2.5个可爱的CSS3 Loading加载动画

之前我们分享过很多漂亮的CSS3 Loading加载动画,印象最深的要算这款CSS3 Loading进度条加载动画特效 3款绚丽风格。这次要给大家介绍的是另外一款可爱的CSS3 Loading动画,一共有5种动画类型,每组Loading动画都非常有创意。

在线演示

源码下载

3.纯css3实现的响应式导航

之前为大家介绍了好几款响应式导航。今天再给大家带来一款纯css3实现的响应式导航。这款导航还有个响应式的搜索框。

在线演示

源码下载

4.点击图片下拉展示大图相册效果

多个图片排列效果,可以说是相册效果了,默认缩略图排列,当然,点击后并不是大图弹出窗口样式,而是在当前图片下增加一行,展现大图,也支持关闭效果。

在线演示

源码下载

5.切换按钮为进度条样式的banner焦点图

Query插件——jquery.carouFredSel-6.0.4-packed.js,让你的焦点图切换按钮显示变成进度条,即时显示百分比近端,这样可以让用户知道图片的切换时间,创意性确实是太厉害了,点击按钮的时候,也会立刻跳转到你指定的图片部分,提升了不少用户体验。

在线演示

源码下载

6.强大的竖向tab切换焦点图效果

tab标签样式切换的焦点图效果,严格的说,这应该属于tab切换效果,缩略图垂直方向排列,这招的png图片动画跟随鼠标滑动显示,默认3秒钟自动。切换一次

在线演示

源码下载

7.简洁清爽可扩展性较强的在线客服代码

始终固定在网页右侧,简洁大气,可实用性很强,适合在绝大多数网页设计之中使用,同时肩有返回网页顶部特效效果。

在线演示

源码下载

8.淡绿色右侧网页在线客服效果

第一次发表淡绿色的网页右侧在线客服代码,其实代码跟之前的任一一款在线客服代码无异,只是设计稍加区别而已。

在线演示

源码下载

9.大图片模拟天猫商城焦点图可自动扩大或者缩小

一个很不错的左右切换焦点图效果,顶部带有进度条,支持鼠标悬停暂停功能,图片左右切换,大图类似当前天猫官网首页图片效果,会自动放大或者自动缩小,不过效果很微妙。

在线演示

源码下载

10.jQuery动画图片拖动排序效果

一个非常不错的jQuery动画排序效果,拖动图片可以在网页任意位置走动,当位置空缺时,周围图片会自动补充。

在线演示

源码下载

10个非常有用的jQuery图片滑动插件和教程