推荐8款非常棒的响应式 jQuery 幻灯片插件
fmms 13年前
这篇文章收集了8款优秀的响应式 <strong>jQuery</strong> 幻灯片插件,它们能够非常容易的集成到 Web 项目中。响应式(Responsive)设计的目标是要让产品界面能够响应用户的行为,根据不同终端设备自动调整尺寸,带给用户良好的使用体验。 <h3><a href="/misc/goto?guid=4958188549303377295" target="_blank">Flexslider</a></h3> <p><a href="/misc/goto?guid=4958188549303377295"><img class="size-full wp-image-3448 alignleft" alt="推荐8款非常棒的响应式 jQuery 幻灯片插件" src="https://simg.open-open.com/show/1a4cdc1ffa2eb1b8c04da8adaaa8b933.jpg" width="580" height="287" /></a></p> <p>FlexSlider 是一款非常棒的响应式 jQuery 幻灯片插件,能够自适应屏幕尺寸,呈现漂亮的外观。</p> <h3><a href="/misc/goto?guid=4958320026409186987" target="_blank">Blueberry</a></h3> <p><a href="/misc/goto?guid=4958320026409186987"><img class="size-full wp-image-3448 alignleft" alt="推荐8款非常棒的响应式 jQuery 幻灯片插件" src="https://simg.open-open.com/show/51ede21e3ae04e79ce016cd153efd10e.jpg" width="580" height="200" /></a></p> <p>Blueberry 是一款开源的 jQuery 图片幻灯片插件,适用于流体、响应式网页布局。</p> <h3><a href="/misc/goto?guid=4958327160169361945" target="_blank">unoslider</a></h3> <p><a href="/misc/goto?guid=4958327160169361945"><img class="size-full wp-image-3448 alignleft" alt="推荐8款非常棒的响应式 jQuery 幻灯片插件" src="https://simg.open-open.com/show/0be53bf9830c37aacc021cad61c6dd6d.jpg" width="580" height="435" /></a></p> <p>特别推荐 unoslider 这款幻灯片插件,基于响应式设计,拥有众多切换效果,支持触屏。</p> <h3><a href="/misc/goto?guid=4958327161705086140" target="_blank">Responsive Thumbnail Gallery Plugin</a></h3> <p><a href="/misc/goto?guid=4958327161705086140"><img class="size-full wp-image-13249" title="slider_ducks" alt="推荐8款非常棒的响应式 jQuery 幻灯片插件" src="https://simg.open-open.com/show/8ac9268b9f500b9fdd30b3836074b483.jpg" width="580" height="339" /></a></p> <p>这是一款带缩略图功能的幻灯片插件,能够根据父容器的尺寸自适应大小,效果不错。</p> <h3><a href="/misc/goto?guid=4958327163240935701" target="_blank">wmuSlider</a></h3> <p><a href="/misc/goto?guid=4958327163240935701"><img class="size-full wp-image-3448" alt="推荐8款非常棒的响应式 jQuery 幻灯片插件" src="https://simg.open-open.com/show/30f39a2dcd8c23b161c80870159d60f9.jpg" width="580" height="235" /></a></p> <p>wmuSlider 也是一款非常不错的响应式 jQuery 幻灯片插件,使用非常简单。</p> <h3><a href="/misc/goto?guid=4958197528169283941" target="_blank">Elastislide – A Responsive jQuery Carousel Plugin</a></h3> <p><a href="/misc/goto?guid=4958197528169283941"><img class="size-full wp-image-3448" alt="推荐8款非常棒的响应式 jQuery 幻灯片插件" src="https://simg.open-open.com/show/2c2b63b3a6bdc47abfb2ef8a16de13b3.jpg" width="576" height="311" /></a></p> <p>Elastislide 是一款非常优秀的响应式 jQuery 幻灯片插件,集成了 Touchwipe 插件以支持触屏设备。</p> <h3><a href="/misc/goto?guid=4958192496357847873" target="_blank">Responsive Image Gallery with Thumbnail Carousel</a></h3> <p><a href="/misc/goto?guid=4958192496357847873"><img class="size-full wp-image-3448" alt="推荐8款非常棒的响应式 jQuery 幻灯片插件" src="https://simg.open-open.com/show/d444f036d3ef22609e16379656e98d26.jpg" width="576" height="310" /></a></p> <p>一款 jQuery 图片幻灯片插件,带缩略图功能,可以到这里<a href="/misc/goto?guid=4958202386647536374">下载</a>。</p> <h3><a href="/misc/goto?guid=4958319424612200726" target="_blank">Elastic Image Slideshow with Thumbnail Preview</a></h3> <p><a href="/misc/goto?guid=4958319424612200726"><img class="size-full wp-image-3448" alt="推荐8款非常棒的响应式 jQuery 幻灯片插件" src="https://simg.open-open.com/show/18a8b9917538f3fcb635a621393e8f52.jpg" width="576" height="311" /></a></p> <p> 最后这款也是带缩略图功能 jQuery 幻灯片插件,效果很炫。<br /> <br /> 来自:<a href="/misc/goto?guid=4958327169929766904" target="_blank">http://www.cnblogs.com/lhb25/archive/2012/01/31/8-responsive-jquery-slider-plugins.html</a></p>