21个jQuery滑动门效果

Web前端3141.9K阅读模式

滑动门效果,有人也把切换图片的效果叫做焦点图,不管怎么叫,只要你能理解什么意思就好,今天收集的是25个用jQuery实现的滑动门效果,其中一些apple的效果很酷,jQuery真是个好东西,可以让js门外汉也能在自己的网站上使用看起来很酷的功能

1.Slider Gallery

21个jQuery滑动门效果-图片1

演示效果
打包下载

2.jQuery Plugin – Feature List

21个jQuery滑动门效果-图片2

演示效果
打包下载

3.Image Rotator

21个jQuery滑动门效果-图片3 演示效果

打包下载

教程

4.Moving Boxes

21个jQuery滑动门效果-图片4

演示效果
打包下载

5.Using the Wonderful jFlow Plugin

21个jQuery滑动门效果-图片5

演示效果
打包下载

6.Creating a Slick Auto-Playing Featured Content Slider

21个jQuery滑动门效果-图片6
演示效果
打包下载

7.jQuery Slider plugin (Safari style)

21个jQuery滑动门效果-图片7

演示效果
打包下载

8.Accessible News Slider

21个jQuery滑动门效果-图片8

演示效果
打包下载

9.Animated JavaScript Accordion V2

21个jQuery滑动门效果-图片9

演示效果
打包下载

10.jQuery UI 1.7 Slider from a Select Element

21个jQuery滑动门效果-图片10

演示效果
打包下载

11.Easy Slider 1.7 – Numeric Navigation jQuery Slider

21个jQuery滑动门效果-图片11

演示效果1
演示效果2
演示效果3
打包下载

12.AnythingSlider jQuery Plugin

21个jQuery滑动门效果-图片12

演示效果
打包下载

13.SlideItMoo 1.1 – improved image slider

21个jQuery滑动门效果-图片13

14.Making a Google Wave History Slider

21个jQuery滑动门效果-图片14

演示效果
打包下载

15.bxSlider – jQuery content slider

21个jQuery滑动门效果-图片15

演示效果
打包下载

16.Making A Slick Content Slider

21个jQuery滑动门效果-图片16

演示效果
打包下载

17.SlideViewerPro 1.0

21个jQuery滑动门效果-图片17

演示效果
打包下载

18.A Beautiful Apple-style Slideshow Gallery With CSS & jQuery

21个jQuery滑动门效果-图片18

演示效果
打包下载

19.Create a Slick and Accessible Slideshow Using jQuery

21个jQuery滑动门效果-图片19

演示效果
打包下载

20.Coda-Slider 2.0

21个jQuery滑动门效果-图片20

演示效果
打包下载

21.jQuery Multimedia Portfolio

21个jQuery滑动门效果-图片21

演示效果
打包下载

本站文章大部分始于原创,用于个人学习记录,可能对您有所帮助,仅供参考!

weinxin
我的微信
版权声明
本站原创文章转载请注明文章出处及链接,谢谢合作!
 
知更鸟
评论  3  访客  3
    • 阅微BLOG
      阅微BLOG 3

      有没有全部全部文件的打包啊,一个个下太费劲了……

      • 阿鼎
        阿鼎 4

        鸟哥,你全部打包吧,这样下太累了!

        • DennisPo
          DennisPo 4

          最近正在看《锋利的Jquery》,很使用的一本书。

        匿名

        发表评论

        匿名网友
        :?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

        拖动滑块以完成验证