1，GallerificGalleriffic 是使用 Mike Alsup 的 jQuery Cycle plugin 创建的图片展示效果，包括缩略图、图片标题和描述等详细功能，是一个非常不错的高质量画廊相册展示工具。 2，ZoomImagezoomimage ，以一种独具魅力的方式展示图片效果。缩略图链接在本页弹出大图，并且可以可以随意拖拽该悬浮图片。 3，EasySliderEasy Slider 可以实现图片或其他任意内容，在水平或垂直方向上的滑动效果，你还可以通过 CSS 自定义设置样式。 4...
幻灯片效果是常用的内容展示方式之一，这是一种在有限的网页空间内展示系列项目时非常好的方法。今天要给大家分享的是10篇非常棒的 jQuery 幻灯片教程及16个优秀的 jQuery 幻灯片应用案例。10篇 jQuery 幻灯片制作教程Create Beautiful jQuery slider tutorial jQuery Plugin – Feature List Create an Image Rotator with Description (CSS/jQuery) Moving Boxes Using the Wonderful jFlow Plugin Easy Slider 1.7 – Numeric N...
1. Chrome Style jQuery Image Gallery 一款用于实现漂亮的Chrome风格图片画廊的 jQuery 插件，在线演示2. Awkward Showcase 使用这款插件可以实现各种内容的幻灯片展示效果，例如文本、图片、视频等等，在线演示3. Waypoints 这款插件可以让你实现当滚动到某个目标元素的时候执行特定的动作，例如回到顶部，在线演示4. bxSlider 这是一个内容滑块和图片幻灯片展示插件，可自定义很多参数，在线演示5. A simple accordion menu 这是...
Easy Slider（在线演示） Horinaja Slide Show Plugin For jQuery（在线演示） Creating Your Own Slider Plugin（在线演示） Slick Accessible Slideshow（在线演示） Sliding Boxes and Captions with jQuery Tutorial（在线演示） Supersized（在线演示） Blog SlideShow（在线演示） EOGallery（在线演示） Smart Gallery SlideShow（在线演示） Ultimate Fade In Slide Show（在线演示）
How To Build a Sliding Feature Slideshow with jQuery Fullscreen Gallery with Thumbnail Flip Moving Boxes Content with jQuery Animated Skills Diagram with Raphaël jQuery and CSS single page portfolio, a vertical parallax navigation How to Make Auto-Advancing Slideshows Rotating Image Slider with jQuery Image Wall with jQuery Thumbnails Preview Slider with jQuery Sliding Stacked Images...
滑块和幻灯片效果是常用的内容展示方式之一，这是一种在有限的网页空间内展示系列项目时非常好的方法。今天这篇文章就与大家分享20个非常棒的 jQuery 幻灯片插件和教程。 > Slider Gallery with jQueryCreate an Image Rotator with Description (CSS/jQuery)Create a Slick and Accessible Slideshow Using jQuerySimple JQuery Image Slide Show with Semi-Transparent CaptionAnimate Panning Slideshow with jQueryCreate Bea...
这是一种在有限的网页空间内展示更多内容的良好方式，而且能吸引用户注意力。如果你想知道这是如何实现的，那么本文收集的30个幻灯片插件和教程将帮助您实现这种效果。 JCOVERFLIP Live Demo CREATE A CUSTOM IMAGE GALLERY WITH JCAROUSEL Live Demo COIN SLIDER Live Demo LOOPEDSLIDER Live Demo NIVO SLIDER Live Demo COLORFUL SLIDERS WITH JQUERY & CSS3 Live Demo HOW TO CREATE A SIMPLE ITUNES-LIKE SLIDER Live ...
这篇文章收集了8款优秀的响应式 jQuery 幻灯片插件，它们能够非常容易的集成到 Web 项目中。响应式（Responsive）设计的目标是要让产品界面能够响应用户的行为，根据不同终端设备自动调整尺寸，带给用户良好的使用体验。 FlexsliderFlexSlider 是一款非常棒的响应式 jQuery 幻灯片插件，能够自适应屏幕尺寸，呈现漂亮的外观。BlueberryBlueberry 是一款开源的 jQuery 图片幻灯片插件，适用于流体、响应式网页布局。unoslider特别推...
Cloud Carousel (演示 | 下载)ShineTime (演示 | 下载)Nivo Slider (演示 | 下载)Interactive Photo Desk (演示 | 下载)Beautiful Photo Stack Gallery with jQuery and CSS3 (演示 | 下载)Micro Image Gallery: A jQuery Plugin (演示 | 下载)Minimalistic Slideshow Gallery with jQuery (演示 | 下载)Image Slider with Unique Effects (演示 | 下载)Create image gallery in 4 lines of jQuery (演示 | 下载)Slideshow with st...
下面这些网站使用了各种各样的幻灯片效果，一起体验一下。大家如果想实现精美的 jQuery 幻灯片效果，可以参考这篇文章：60款很酷的 jQuery 幻灯片演示和下载。 x-doria Pure Pleasure Design neve / hawk Hufton + Crow Atelier rdio Olly Sorsby Studio Chirpy Aveillant Level Planoform The Kitchen The Barrelhouse Flat Exsud Creative Ludlow Kingsley Indesit Regent College Doberman Ghost Horses Go...
html 代码如下: jQuery Tools standalone demo href="./tabs-slideshow.css"/> prev First pane Aenean nec imperdiet ligula. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse potenti. Sed elementum risus eleifend massa vestibulum consectetur. Duis massa augue, aliquam eget fringilla vel, aliquam vitae arcu. Nam sed magna mi. Praesent odio ne...
记得亚马逊没改版之前，首页的幻灯片我很喜欢，每个数字上面都带有进度条。 闲的无聊，自己实现了一个。用的jquery。 主要用到animate（）方法， 因为有一个进度条的播放过程。 不支持ie6，当然，改改还是可以的。演示 下载先看下效果图 看代码吧： 代码如下: slide play with loadbar--by loethen *{padding: 0;margin:0;} ul li{list-style: none;} .slideplay ,.slideshow{ position: relative; } .slideshow li{ positi...
1、图片滚动 代码如下: $(document).ready(function () { Xhun(".a"); //----------------------只需要修改 ”.a" (就是最大的div的class值这里就行---------------------}); function Xhun(_box) { var box_frame = _box + " div ul"; var box_div = _box + " div"; $(_box).find("ul").wrap(""); //添加一个div，来控制偏移量 $(box_div).append($(box_frame).clone()); //克隆一个ul并...
jquery特效 幻灯片效果，效果图如下： 代码如下: jquery特效 /* CSS Document */ body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,img,dl,dt,dd,table,th,td,blockquote,fieldset,div,strong,label,em{margin:0;padding:0;border:0;} ul,ol,li{list-style:none;} input,button{margin:0;font-size:12px;vertical-align:middle;} body{font-size:12px;font-family:Arial, Helvetica, sans-serif; text-align:center; margin:0 auto;...
代码如下:jQuery(".fullSlide").hover(function() { jQuery(this).find(".prev,.next").stop(true, true).fadeTo("show", 0.5)},function() { jQuery(this).find(".prev,.next").fadeOut()});jQuery(".fullSlide").slide({ titCell: ".hd ul", mainCell: ".bd ul", effect: "fold", autoPlay: true, autoPage: true, trigger: "click", startFun: function(i) { var curLi = jQuery(".fullSlide...