阅读更多

16顶
0踩

Web前端
如今图像滑块已成为一种流行的Web设计元素,通过滑块,你可以在有限的页面空间中展示更多的内容,带给用户更佳的浏览体验。本文将为你带来一些非常实用的jQuery图像滑块插件。

1.  Basic Slider

顾名思义,这是一个最基本的滑块,相当简单、轻量,只提供了最基本的功能。



2.  BXSlider

这是一个响应式的、复杂的滑盖插件,支持富内容、触摸/滑动手势、原生硬件加速和回调API,整体来说相当不错。



3.  WOWSlider

一个很酷的滑块插件,提供了各种不同的视觉效果,如旋转、模糊、翻转、爆破、飞行、百叶窗、切片、褪色、线性等,此外,该插件还拥有很多专业的模板。



4.  iView

该插件支持动画字幕、响应式布局以及HTML元素内容(如Video、iFrame),可用来作为图像滑块、画廊、横幅广告或演示文稿等。



5.  ayaSlider

这是一个灵活的图像滑块插件,支持响应式布局和视差动画,并可以嵌入HTML元素。



6.  Responsive Slides

该插件可以利用容器内的元素创建响应式的图像滑块效果,兼容目前所有浏览器,包括IE6。该插件依赖于jQuery 1.6及以上版本,且要求图片具有相同大小。



7.  SlidesJ

该插件支持响应式布局、触摸操作和CSS3 transitions属性。



8.  Flexslider

一个功能丰富的滑块插件,支持触摸操作、自定义导航和各种动画效果。



9.  UnoSlider



10.  Camera



11.  UnSlider



Via smashinghub
  • 大小: 18.8 KB
  • 大小: 6.5 KB
  • 大小: 25.2 KB
  • 大小: 22.3 KB
  • 大小: 26.7 KB
  • 大小: 20.4 KB
  • 大小: 11.9 KB
  • 大小: 19.8 KB
  • 大小: 15.7 KB
  • 大小: 13.1 KB
  • 大小: 12.3 KB
16
0
评论 共 7 条 请登录后发表评论
7 楼 lrg30067 2014-09-29 22:15
mark一下
6 楼 codermouse 2013-04-25 22:42
越来越觉得JQUERY的强大。
5 楼 lookqlp 2013-04-24 15:29
不错哈,jquery越来越炫了
4 楼 chiyuxing 2013-04-22 17:00
必须珍藏啊,很cool.
3 楼 yixiandave 2013-04-19 19:26
真心给力。。。
2 楼 huan0727 2013-04-19 11:26
太好了,前些时候做登录页面的时候在网上搜索了一个图片slider,今天发现这里有这么多,保存收藏夹了,以备以后用。
1 楼 田梦桦 2013-04-19 10:58
这些东西在社交网站中用上一定很cool

发表评论

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

相关推荐

  • Struts的工作原理

    0、初始化 struts框架的总控制器ActionServlet是一个Servlet,它在web.xml中配置成自动启动的Servlet,在启动时总控制器会读取配置文件(struts-config.xml)的配置信息,为struts中不同的模块初始化相应的对象。 <servlet> <servlet-name>action</servlet-name> <servlet-clas

  • Struts2 入门(一) 之 控制器与执行步骤

    Struts2是什么? 是一个MVC框架。框架都是半成品。借助框架可以提高开发效率。 Filter VS Servlet 过滤器要比Servlet要强大,开发中经常用Servlet作为控制器,Filter也可以作为控制器来使用。 public class ServletDemo implements Servlet{     void init(ServletConfig cfg);

  • Struts的工作流程

    首先我们先来看一下struts2的框架结构图                      图 1   struts2体系的结构图 从图1我们不难看出struts2的工作流程大致分为一下几部分 1、客户端请求一个HttpServletRequest的请求,如在浏览器中输入http://localhost:8080/bookcode/Reg.action就是提交一个(HttpServletRequ...

  • 纵观jBPM从jBPM3到jBPM5以及Activiti

    今年最大的事件莫过于jBPM的创建者Tom ...Tom Baeyens离开的具体原因尚不清楚,但他的离开产生了两个结果:一是jBPM的下一个版本jBPM5完全放弃了jBPM4的基础代码,基于Drools Flow重头来过;二是Tom Baeyens加入A......

  • JBPM基础知识

    01 JBPM基础知识 1、入学共5个环节:提交自荐信—&gt;提交基础测试—&gt;申请入学考试—&gt;提交入学考试题—&gt;面试。。 2、工作流: ①指定流程:在指定流程的过程中,会经历很多版本。 ②流程正式启动 ③启动...

  • jBPM5与Activiti之间的差异对比

    jBPM是目前市场上主流开源工作引擎之一,在创建者Tom Baeyens离开JBoss后,jBPM的下一个版本jBPM5完全放弃了jBPM4的基础代码,基于Drools Flow重头来过,目前官网已经推出了jBPM6的beta版本;Tom Baeyens加入...

  • 纵观jBPM:从jBPM3到jBPM5以及Activiti5

    Tom Baeyens离开的具体原因尚不清楚,但他的离开产生了两个结果:一是jBPM的下一个版本jBPM5完全放弃了jBPM4的基础代码,基于Drools Flow重头来过;二是Tom Baeyens加入Alfresco后很快推出了新的基于jBPM4的开源...

  • 轻松对比Activiti5与jBPM5技术组成

    jBPM是目前市场上主流开源工作引擎之一,在创建者Tom Baeyens离开JBoss后,jBPM的下一个版本jBPM5完全放弃了jBPM4的基础代码,基于Drools Flow重头来过,目前官网已经推出了jBPM6的beta版本;Tom Baeyens加入...

  • jBPM:从jBPM3到jBPM5以及Activiti5

    jBPM:从jBPM3到jBPM5...Tom Baeyens离开的具体原因尚不清楚,但他的离开产生了两个结果:一是jBPM的下一个版本jBPM5完全放弃了jBPM4的基础代码,基于Drools Flow重头来过;二是Tom Baeyens加入Alfresco后很快推出了

  • 深入了解jBPM5与Activiti之间的差异对比

    jBPM是目前市场上主流开源工作引擎之一,在创建者Tom Baeyens离开JBoss后,jBPM的下一个版本jBPM5完全放弃了jBPM4的基础代码,基于Drools Flow重头来过,目前官网已经推出了jBPM6的beta版本;Tom Baeyens加入...

  • 纵观 jBPM:从 jBPM3 到 jBPM5 以及 Activiti5

    对jBPM来说,今年最大的事件莫过于 jBPM 的...Tom Baeyens 离开的具体原因尚不清楚,但他的离开产生了两个结果:一是 jBPM 的下一个版本 jBPM5 完全放弃了 jBPM4 的基础代码,基于Drools Flow重头来过;二是 Tom...

  • jBPM5 vs Actitivi

    jBPM是目前市场上主流开源工作引擎之一,在创建者Tom Baeyens离开JBoss后,jBPM的下一个版本jBPM5完全放弃了jBPM4的基础代码,基于Drools Flow重头来过,目前官网已经推出了jBPM6的beta版本;Tom Baeyens加

  • jbpm4.4基础知识

    来源:http://blog.163.com/huang_ying_lu/blog/static/269998320118222425851/ 对jBPM4.4数据库的几张表简单介绍: [b][color=red]资源库和运行时表结构[/color][/b] JBPM4_DEPLOYMENT 流程定义表 ...

  • 纵观jBPM:从jBPM3到jBPM5以及Activiti5【转载】

    纵观jBPM:从jBPM3到jBPM5以及Activiti5概述:jBPM(包括Activiti)设计所遵循的一致原则:强调流程服务的可嵌入性和可扩展性。同时,从各个版本之间的变化我们也能看见产品设计思路的变化:更加强调面向业务人员,...

  • jbpm3 4 5

    对jBPM来说,今年最大的事件莫过于jBPM的创建...Tom Baeyens离开的具体原因尚不清楚,但他的离开产生了两个结果:一是jBPM的下一个版本jBPM5完全放弃了jBPM4的基础代码,基于Drools Flow重头来过;二是Tom Baeyen...

  • Struts入门

    或许有人觉得struts不容易学,似乎里面的一些概念让未接触过的人迷惑,MVC1、MVC2、模式……我写这篇文章是想让从来没有接触过struts的人,能有个简单的入门指引,当然,系统地学习struts是必要的,里面有很多让人心醉的东东,那是后话了。   该案例包括首页,用户登陆、网站向导页面。就这么简单,没有深奥的struts概念,主要靠动手,然后用心体会。   WEB Server用to

  • 2009!新年祝福!

    祝愿,我的家人,我认识的朋友,同事!新年快乐!健康!

  • Structs中基本配置入门

    第一章Structs的基本配置1.为Structs应用配置Web.xml文件第一步:配置ActionServlet  action  org.appache.structs.ActionServlet   action   *.do注意:不管应用中包含多少个子应用,都只需配置一个ActionServlet,因为ActionServlet支持多线程,目前的Structs框架只允许在应用中配置一个Ac

  • Struts学习傻瓜式入门篇

       或许有人觉得struts不容易学,似乎里面的一些概念让未接触过的人迷惑,MVC1、MVC2、模式……我写这篇文章是想让从来没有接触过struts的人,能有个简单的入门指引,当然,系统地学习struts是必要的,里面有很多让人心醉的东东,那是后话了。  该案例包括首页,用户登陆、网站向导页面。就这么简单,没有深奥的struts概念,主要靠动手,然后用心体会。  WEB Server

  • Struts应用的七个经验

    Struts应用的七个经验    本文叙述了作者在运用Struts过程中来之不易的若干经验和心得。如果你是jsp和servlet开发Web应用的Java程序员,并且也正在考虑采用基于Struts的构建方法的话,那么你会在这里发现很多颇有见地同时也很有价值的信息。1. 只在必要的时候才考虑扩展Struts框架  一个好的framework有很多优点,首先,它必须能够满足用户的可预见的需求。为

Global site tag (gtag.js) - Google Analytics