阅读更多

8顶
0踩

Web前端

原创新闻 分享10款jQuery/CSS3图片切换插件

2013-11-14 09:09 by 见习编辑 html5_dev 评论(7) 有19621人浏览
今天要向大家分享的是一些最新的jQuery/CSS3图片切换插件,包括时尚简约的jQuery焦点图、jQuery图片排列组合等插件,利用CSS3特效,让图片切换更是美轮美奂。

1、jQuery图片过滤排序插件MixItUp

MixltUp是一款基于jQuery的图片过滤排序插件,图片按指定的分类放置在页面上,切换分类时图片重新分布,并且伴有动画效果。



在线演示    /    源码下载

2、jQuery带弹出层列表滑动切换

这是一款基于jQuery的弹出层插件,该jQuery弹出层插件的特点是可以弹出一组设计精巧的焦点图工具。



在线演示    /    源码下载

3、HTML5带立体感觉幻灯片

这是一款HTML5结合jQuery的焦点图插件,该焦点图切换图片时背景滑动比较缓慢,有一种立体的感觉。



在线演示    /    源码下载

4、HTML5和jQuery打造的3D相册

这是一款基于HTML5和jQuery的精美3D相册,让你的相片富有立体的播放效果。



在线演示    /    源码下载

5、jQuery图片动画翻页效果

这是一款jQuery图片翻页动画插件,一共10组翻页效果,你可以点击页面右侧的上下箭头翻页,也可以鼠标滚轮来翻页,非常实用。



在线演示    /    源码下载

6、jQuery touchSlider满屏焦点图

touchSlider也是一款非常简单大气的jQuery焦点图插件,touchSlider可以满屏展示图片切换,是一款很不错的jQuery焦点图。



在线演示    /    源码下载

7、HTML5图片自动归类效果

非常精美的作品集展示效果,导航切换的时候图片会自动归类。



在线演示    /    源码下载

8、jQuery Easy Accordion手风琴切换

这是一款手风琴式的展示动画效果,可以用来展示图片,也可以用来做菜单。



在线演示    /    源码下载

9、适合电影网站的JS焦点图 带文字描

这也是一款非常简单但功能完善的js焦点图,这款焦点图非常适合电影网站使用,焦点图的配置也相当简单,可下载源码参考。



在线演示    /    源码下载

10、jQuery简易宽屏大气焦点图

这款jQuery焦点图非常普通,滑动切换,具有索引按钮,该焦点图的特点是宽屏大气,滑动也比较流畅,是一款效果还可以的jQuery焦点图。



在线演示    /    源码下载

以上就是今天为大家分享的10款优秀最新jQuery/CSS3图片切换插件,由网页素材大全网站收集整理,欢迎收藏。
  • 大小: 53.1 KB
  • 大小: 16.1 KB
  • 大小: 37.7 KB
  • 大小: 43.6 KB
  • 大小: 38.5 KB
  • 大小: 31.6 KB
  • 大小: 89.4 KB
  • 大小: 43.3 KB
  • 大小: 41 KB
  • 大小: 45.4 KB
来自: Codeceo
8
0
评论 共 7 条 请登录后发表评论
7 楼 sea878412 2013-11-19 08:52
mark 
6 楼 grt 2013-11-18 13:21
HTML5 果然很强大
5 楼 追风的星星 2013-11-17 19:02
mark~~~
4 楼 maokaili123 2013-11-15 16:31
mark~~~~~~~~~~~~~~~~
3 楼 xjb985462426 2013-11-15 11:11
mark~
2 楼 sxwgf001 2013-11-15 10:54
不错
1 楼 sdfiiiiii 2013-11-15 08:59
mark~~~

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • jQuery/CSS3 3D旋转图片切换焦点图插件

    今天我们要给大家分享的是一款jQuery/CSS3 3D旋转图片切换焦点图插件,主要有两种模式,一种是页面上始终只有一张图片,通过3D反转切换下一张图片;另外一种是多张图片进行3D立体排列,通过图片立体平移实现多图切换...

  • SQL从一个表查询数据插入/更新到另一个表

    在应用中我们可能会遇到一些数据导入操作,如从一个表查询出数据插入到另外一个表,或从一个表查询出数据更新到另外一个表,这些操作一般都是一次性操作,针对一次性操作,效率只是第二位,第一位的是功能实现。这个操作既可以用于同一个数据库不同表之间,也可以用于不同数据库不同表之间。示例一: 从数据库DataBaseA的表LabMallClassXX中查询出数据插入到数据库DataBaseB的表LBClassX

  • 批量SQL操作之批量获取

    PL/SQL中的批量操作,能一次操作和处理许多行,而不是一次一行。批量获取操作是指一次调用把数据库一组行读入PL/SQL结构中,而不是每读入一行就要发起一次对数据库的调用。

  • sql中查找两个表中不同的数据

    适用场景:当需要对两个查询结果进行数据比对时,并且数据量比较大,人力逐个比较是很费力的。 方法:使用except函数 使用案例:如下图 使用心得:可以把两个结果集进行对比,从前者中找到后者不存在的数据,可以找到前者多出的数据。

  • SQLServer获取每组前10%的数据

    sqlserver2005有关键字ntile(x)和over(partition by.. order by..)子句配合. 比如获取每个表的前10%个字段。 selectid,name,colid,rnfrom(select*,rn=ntile(10)over(partitionbyidorderbycolorder) fromsyscolumns )twherern=1 ...

  • jquery控制css3动画 列表,10款jQuery/CSS3动画应用 超实用

    本文作者html5tricks,转载请注明出处这次我们要带来10款最新的jQuery/CSS3动画应用,这里有不少1、jQuery/CSS3书本翻页动画特效 多功能选项支持这是一款基于jQuery和CSS3的书本翻页动画特效,该书本翻页插件的外观...

  • jQuery/CSS3 3D焦点图动画 多种炫酷图片切换特效

    之前我们已经向大家分享过很多基于jQuery和CSS3的3D焦点图动画插件,比如jQuery带爆炸特效的焦点图动画和HTML5全屏3D图片展示特效,今天要分享的这款jQuery 3D焦点图动画也非常不错,有好几种炫酷的3D图片切换动画,...

  • jQuery/CSS3实现仿苹果的CoverFlow图片切换

    之前我们分享过很多关于仿苹果产品的jQuery插件和CSS3应用,比如jQuery仿苹果样式的动画图标菜单导航...这次要分享的也是一款基于jQuery和CSS3的仿苹果CoverFlow图片切换应用,并且可以自定义添加图片,效果非常不错。

  • jquery+css3图片泡泡切换效果.zip

    有兴趣刚需的可以自己下载,非常实用的特效代码,可以完美运行,有能力的还可以二次修改!

  • java 图片插件_[Java教程]10款功能强大的jQuery/CSS3图片特效插件

    [Java教程]10款功能强大的jQuery/CSS3图片特效插件0 2014-11-26 03:01:041.CSS3实现的底部带滚动云彩效果的网站登录页面CSS3实现的底部带滚动云彩效果的网站登录页面特效源码,是一段实现页面底部拥有滚动云彩动态...

  • jQuery/CSS3 全屏垂直焦点图插件 3D立体翻转切换

    这是一款非常不错的jQuery/CSS3全屏焦点图插件,它的特点是切换图片时,图片和图片描述分左右两屏,分别会进行3D翻转分离后拼接,全屏展示非常大气。同时,这款焦点图插件的切换按钮放在有侧边,点击任意小按钮即可...

  • jquery+css3实现图片背景全屏左右图片切换效果.zip

    有兴趣刚需的可以自己下载,非常实用的特效代码,可以完美运行,有能力的还可以二次修改!

  • jquery+css3实现3D图片立体切换效果.zip

    有兴趣刚需的可以自己下载,非常实用的特效代码,可以完美运行,有能力的还可以二次修改!

  • jQuery/CSS3实现全屏图片滑块焦点图动画

    今天我们要来分享一款非常大气的jQuery/CSS3全屏焦点图插件,这款焦点图有以下几个特点:首先图片可以全屏切换滑动,显得非常大气;其次焦点图有缩略图导航,点击缩略图可以切换至相应的图片;最后就是图片有阴影,...

  • CSS3实现图片立体式切换插件.zip

    有兴趣刚需的可以自己下载,非常实用的特效代码,可以完美运行,有能力的还可以二次修改!

  • jquery图片切换插件

     * 图片切换插件  * Dependence jquery-1.7.2.min.js  **/ (function ($) {  //调用方式 $(‘#silder’).imgSilder({s_width:564, s_height:293, is_showTit:true, s_times:3000,css_link:’css/style.css’});...

  • HTML5/CSS3图片左右切换弹性动画

    这是一款很有特点的HTML5图片切换动画,点击左右按钮即可将图片进行弹性切换,图片在被切换时,都会产生一定的弹性缓冲动画效果。这款HTML5图片应用非常适合在产品宣传页面上使用,看上起十分大气。

  • html5 抖动效果,10款jQuery/CSS3实现网页元素抖动特效

    今天我们要再介绍一款jQuery垂直滑动切换的焦点图动画,整个jQuery焦点图是宽屏的,显得十分大气2.CSS3 iPhone样式 D菜单之前已经向大家分享过很多漂亮的CSS3菜单了,很多菜单都支持多级下拉。今天要分享的CSS3菜单...

  • 20+功能强大的jQuery/CSS3图片特效插件

    以下是分享的20几个不错的图片特效插件,基于jQuery和CSS3。 1、jQuery图片下滑切换播放效果 这是一款基于jQuery的焦点图插件,这款焦点图的特点是有向下滑动的动画效果,滑到底部时,有弹跳的效果,焦点图很霸气...

Global site tag (gtag.js) - Google Analytics