资讯频道 → Web前端
阅读更多

9顶
0踩

Web前端

转载新闻 25个很酷的jQuery滑动幻灯片实例分享

2011-10-26 18:22 by 资深编辑 luiang1018 评论(2) 有20042人浏览
jQuery 幻灯片 slider
本文带来了25个很酷的jQuery 滑动幻灯片实例，这些幻灯片包括了许多种过渡效果，无论是图片滑动或文本滚动效果、水平/垂直滑动、UI滑动、侧边栏滑动等，都能找到你想要的。

1. Beautiful Photo Stack Gallery with jQuery and CSS3


2. Building a jQuery Image Scroller


3. jCarousel Lite


4. jQuery Slider Start/Stop


5. jQuery Blinds Slideshow using CSS Sprites


6. How to Create a Simple iTunes-like Slider


7. JCoverflip Features


8. jQuery slideshow


9. Create a Custom jQuery Image Gallery Slide Effect


10. Automatic Image Slider w/ CSS & jQuery


11. jQuery Slider


12. Creating a Slick Auto-Playing Featured Content Slider


13. jQuery slider Image Flow


14. Beautiful Background Image Navigation with jQuery


15. iCarousel – Horizontal images slider


16. Smooth Div Scroll


17. jsCarousel v2.0 is a jquery slider plugin


18. bxSlider jQuery HTML Content Slider


19. Minimalistic Slideshow Gallery with jQuery


20. Build a Content Slider with jQuery


21. Moving Boxes jQuery slider.


22. Image Background Jquery Slideshow


23. Create a unique Gallery by using z-index and jQuery


24. Presentation Cycle jQuery Slider


25. Gallery jQuery Slider



Via  Queness
  • 大小: 77.9 KB
  • 大小: 64.9 KB
  • 大小: 77.7 KB
  • 大小: 95.1 KB
  • 大小: 49.6 KB
  • 大小: 146.1 KB
  • 大小: 59.4 KB
  • 大小: 123.2 KB
  • 大小: 27.8 KB
  • 大小: 59.2 KB
  • 大小: 101.4 KB
  • 大小: 127.2 KB
  • 大小: 131.1 KB
  • 大小: 112.4 KB
  • 大小: 60.9 KB
  • 大小: 132.7 KB
  • 大小: 98.7 KB
  • 大小: 33 KB
  • 大小: 101.3 KB
  • 大小: 125.6 KB
  • 大小: 88.1 KB
  • 大小: 99.7 KB
  • 大小: 97.6 KB
  • 大小: 87.8 KB
  • 大小: 210.4 KB
9
顶
0
踩
评论 共 2 条 请登录后发表评论
2 楼 guangqiang 2011-11-03 16:18
   
1 楼 郭美玲 2011-10-28 14:21
效果不错、、、佩服佩服。。。。

发表评论

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

相关推荐

  • 类似手机滑动解锁方式的jquery幻灯片.rar

    类似手机滑动解锁方式的jquery幻灯片，本效果主要是在电脑上操作，用鼠标按住解锁按钮，向右滑动，即可切换图片，这一操作就类似于现在手机解锁的方式，一改司空见惯的焦点图操作模式，或许让人觉得有新意。...

  • 关于Struts中的saveErrors方法的一点小经验

    <br />问题是这样的：在Action存在错误的时候，需要Redirect到一个页面，并且使用</html:errors>显示错误。<br /><br /><br />这个需要使用saveErrors方法，Struts定义了两个saveErrors方法，如下：<br /><br /><br />protected  void saveErrors (HttpServletRequest  request, ActionMessages  errors);<br /

  • STRUTS中ActionMessage、ActionMessages、saveMessages()、saveErrors()、之间的关系及用法

    ActionMessage、ActionMessages、saveMessages()、saveErrors()、之间的关系及用法ActionMessage功能是： 用来产生STRUTS消息的包括正常消息和错误消息。注（原有ActionError方法来产生错误消息，但已废弃，但仍

  • JSP、 Struts技术

    第 2 章：Java Web开发简介作者：党海峰，孙霞    来源：希赛网    2014年03月14日 JSP技术 JSP的全称是JavaServer Pages，它是基于Java的动态页面技术，它可用于创建跨平台和跨Web服务器的动态网页。JSP是除Servlet之外的又一个Java Web开发的关键技术。 JSP也需要运行于JSP容器中，但是与S

  • Java 三大框架——Struts

    疯狂科技站 2017-03-17 09:33 Struts是一个基于Sun J2EE平台的MVC框架，主要是采用Servlet和JSP技术来实现的。由于Struts能充分满足应用开发的需求，简单易用，敏捷迅速，在过去的一年中颇受关注。Struts把Servlet、JSP、自定义标签和信息资源(message resources)整合到一个统一的框架中，开发人员利用其进行开发时不用再自己编

  • Java 笔试题及答案

    转载地址：http://blog.csdn.net/yexianyi/article/details/4123350 1.MVC的各个部分都有那些技术来实现?如何实现? 答：MVC是Model－View－Controller的简写。"Model" 代表的是应用的业务逻辑（通过JavaBean，EJB组件实现）， "View"是应用的表示面（由JSP页面产生），"Controller" 是提供应

  • 网页图文区域滑动jquery特效实例.rar

    网页图文区域滑动jquery特效实例，美化的不太好，应该说几乎没有美化，不过特效功能正常，鼠标单击左右小箭头，图文区域可向左、向右滑动切换来显示网页内容，网上已经见到过比较多的类似应用，期待大家喜欢哦。

  • jQuery实现的小图列表，大图展示效果幻灯片示例

    主要介绍了jQuery实现的小图列表，大图展示效果幻灯片,结合完整实例形式分析了jQuery图片滑动切换功能的相关实现技巧,需要的朋友可以参考下

  • jQuery炫酷3D旋转幻灯片特效插件

    iPresenter是一款效果非常炫酷的jQuery和CSS3 3D旋转幻灯片特效插件。你可以使用它来制作产品展示、图片画廊或者各种幻灯片和轮播图特效。 这款幻灯片插件的特点有： 高度灵活和可定制性。灵活的用户界面的设计...

  • 一口一口吃掉Struts（一）——用JSP+Servlet演示Struts的基本原理

    struts是开源项目。它通过采用 Java Servlet/JSP 技术，实现了基于Java EE Web应用的MVC的应用框架。Struts继承了MVC的各项特性，并根据J2EE的特点，做了相应的变化与扩展。 MVC即Model-View-Controller的缩写，是一种常用的设计模式（具体自己百度吧） 我们用JSP+Servlet实现“一个应用的增改信息”，先来看一下，如果...

  • java题1

      1、面向对象的特征有哪些方面      ①抽象：     抽象是忽略一个主题中与当前目标无关的那些方面，以便更充分地注意与当前目标有关的方面。抽象并不打算了解全部问题，而只是选择其中的一部分，暂时不用部分细节。抽象包括两个方面，一是过程抽象，二是数据抽象。     ②继承：     继承是一种联结类的层次模型，并且允许和鼓励类的重用，它提供了一种明确表述共性的方法。对象的一个新类可以从现有的类...

  • Struts2的优缺点总结

    Struts2框架以前用过一阵子，最近一直在用SpringMVC,今天突然想结合自己以前的一点经验总结一下Struts2的优缺点，参考部分网友的帖子结合自己的想法，总结如下： 优点： （1） 实现了MVC模式，层次结构清晰，使程序员只需关注业务逻辑的实现。 （2） 丰富的标签库，大大提高了开发的效率。 （3） Struts2提供丰富的拦截器实现。 （4） 通过配置文件，就可以掌...

  • jQuery幻灯片插件slick实例

    由于工作要将图片做成幻灯片样式，于是想到了JQuery插件slick，上网查了一下，一些效果用法实例特意在此记录下： 一.单个显示 &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html lang=&quot;zh-CN&quot;&amp;gt; &amp...

  • jquery滑动模式的幻灯片组件（实现无缝切换）

    //第二个参数代表滑动时的方向 }).on("click",".slider-arrow-right",function(){//右箭头，图片left为负 self.to(self._getIdx(self.curIdx+1),-1); }).on("click",".slider-tip-item",function(){ self.to(self._...

  • 非常漂亮的100个 jquery前端案例,包含幻灯片切换、图片缩放、相册、放大镜、图片拖着滚动等.zip

    非常漂亮的100个 jquery前端案例,包含幻灯片切换、图片缩放、相册、放大镜、图片拖着滚动等,可以做为你的学习设计参考。 jquery+css五屏焦点图淡入淡出+圆形按钮切换广告图片代码 jQuery+CSS实用图片收缩与放大效果...

  • jQuery左右滚动式图片幻灯片特效下载.rar

    jQuery左右滚动式图片幻灯片特效下载，看上去非常大气的幻灯片，下边的小圆点有两个作用，1、指示当前图片的位置，2、控制切换图片，当然除了手动控制，本幻灯片还支持自动播放，打开后就自动循环切换图片，以左右...

  • 100多个JQuery效果示例（实例）div+css+javascrpit

    9. jquery仿flash的图片幻灯片播放特效实例完整版 10. jquery仿LightBox图片盒子单击逐渐放大的图片展示的插件下载 11. jquery仿Lightbox的插件jQuery UI.ariaLightbox点击图片放大显示插件下载 12. jQuery仿动感...

Global site tag (gtag.js) - Google Analytics