首页 > 代码库 > 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图片滑动插件和教程