10个有创意的jQuery图片和内容滑动及弹出插件

fmms 10年前
     网页设计师结合jQuery的强大功能制作出了许多成熟的图片滑动插件,我们可以很简单地直接将这些图片滑动插件嵌入到网页中,很容易就得到了即酷又实用的jQuery图片滑动效果。    <h2>21 jQuery Image Gallery</h2>    <p>(<a href="/misc/goto?guid=4958187547718033723" target="_blank">Demo</a>演示 | <a href="/misc/goto?guid=4958187547718033723" target="_blank">Download下载</a>)</p>    <p>这是一个标准和照片切换展示jQuery插件,整合到网站中的方法很简单。</p>    <p class="img-middle"><img alt="10个有创意的jQuery图片和内容滑动及弹出插件" src="https://simg.open-open.com/show/b4cecdab62355195141b499ec2541fd4.jpg" width="570" height="378" /><br /> jQuery图片滑动切换插件 - jQuery Image Gallery</p>    <h2>22 rlightbox</h2>    <p>(<a href="/misc/goto?guid=4958192828217136493" target="_blank">Demo</a>演示 | <a href="/misc/goto?guid=4958323415303282083" target="_blank">Download下载</a>)</p>    <p>rlightbox可以处理多种内容,包括图片、视频。适合与英文站处理显示YouTbe和Vimeo视频。</p>    <p class="img-middle"><img alt="10个有创意的jQuery图片和内容滑动及弹出插件" src="https://simg.open-open.com/show/3d61c13bdfb1ed1eae49122fc98cca44.jpg" width="570" height="322" /><br /> jQuery图片滑动切换插件 - rlightbox</p>    <h2>23 jQuery MB Bgnd Gallery</h2>    <p>(<a href="/misc/goto?guid=4958323416108122543" target="_blank">Demo</a>演示 | <a href="/misc/goto?guid=4958323416900894880" target="_blank">Download下载</a>)</p>    <p>MB Bgnd滑动切换插件很有特色,它能够将一张大图片设置为背景,并且可以随操作对背景图片进行滑动切换。切换支持使用键盘的方向键。并且图片会自动随窗口的大小进行调整。</p>    <p class="img-middle"><img alt="10个有创意的jQuery图片和内容滑动及弹出插件" src="https://simg.open-open.com/show/5855e263f6c3c247c03eae963282f647.jpg" width="570" height="394" /><br /> jQuery图片滑动切换插件 - MB Bgnd</p>    <h2>24 PikaChoose</h2>    <p>(<a href="/misc/goto?guid=4958184279349888988" target="_blank">Demo</a>演示 | <a href="/misc/goto?guid=4958323418430827603" target="_blank">Download下载</a>)</p>    <p>PikaChoose是一个轻量级的jQuery滑动切换插件。安装方法非常简单。适合新闻、广告的滑动展示。</p>    <p class="img-middle"><img alt="10个有创意的jQuery图片和内容滑动及弹出插件" src="https://simg.open-open.com/show/6e0bd4c98ed51c366561311860b60786.jpg" width="570" height="325" /><br /> jQuery图片滑动切换插件 - PikaChoose</p>    <h2>25 缩略图循环流动展示插件</h2>    <p>(<a href="/misc/goto?guid=4958323419232403005" target="_blank">Demo</a>演示 | <a href="/misc/goto?guid=4958323420031470009" target="_blank">Download下载</a>)</p>    <p>这个插件适合用于小图片的循环展示。</p>    <p class="img-middle"><img alt="10个有创意的jQuery图片和内容滑动及弹出插件" src="https://simg.open-open.com/show/f6391f180b5325efff94e91540a3cafd.jpg" width="570" height="345" /><br /> jQuery图片滑动切换插件</p>    <h2>26 Elastic Image Slideshow</h2>    <p>(<a href="/misc/goto?guid=4958323420823790855" target="_blank">Demo</a>演示 | <a href="/misc/goto?guid=4958323421619368389" target="_blank">Download下载</a>)</p>    <p>Elastic Image Slideshow是一个简约的图片滑动切换插件。它可以根据窗口的大小调整图片的大小,并有一条很窄很酷的缩略图功能。</p>    <p class="img-middle"><img alt="10个有创意的jQuery图片和内容滑动及弹出插件" src="https://simg.open-open.com/show/c33708cac3bf3e59f2cc0104a363c20a.jpg" width="570" height="395" /><br /> jQuery图片滑动切换插件 - Elastic Image Slideshow</p>    <h2>27 全屏+HTML5+声音的jQuery滑动切换插件</h2>    <p>(<a href="/misc/goto?guid=4958323422421662300" target="_blank">Demo</a>演示 | <a href="/misc/goto?guid=4958323423213212283" target="_blank">Download下载</a>)</p>    <p>这个插件是这个集合中最酷的一个。全屏图片滑动切换加上酷的音效和缩略图。动作效果也很有动感。</p>    <p class="img-middle"><img alt="10个有创意的jQuery图片和内容滑动及弹出插件" src="https://simg.open-open.com/show/59c0396e5b162a766bcbb365154cf25c.jpg" width="570" height="310" /><br /> jQuery图片滑动切换插件 - 全屏+HTML5+声音的jQuery滑动切换插件</p>    <h2>28 图片墙+jQuery效果</h2>    <p>(<a href="/misc/goto?guid=4958323424000535148" target="_blank">Demo</a>演示 | <a href="/misc/goto?guid=4958323424803501211" target="_blank">Download下载</a>)</p>    <p>这个插件非常适合照片的展示。它能够像一面墙一样将照片随意贴在墙上,当点击一张图片时会在右边显示图片更多的介绍文字。它使用了CSS3的代码。</p>    <p class="img-middle"><img alt="10个有创意的jQuery图片和内容滑动及弹出插件" src="https://simg.open-open.com/show/4683b701c5ea640123ad8ceb60152c90.jpg" width="570" height="315" /><br /> jQuery图片滑动切换插件 - 图片墙+jQuery效果</p>    <h2>29 图片旋转切换插件</h2>    <p>(<a href="/misc/goto?guid=4958323425601307951" target="_blank">Demo</a>演示 | <a href="/misc/goto?guid=4958323426406093666" target="_blank">Download下载</a>)</p>    <p class="img-middle"><img alt="10个有创意的jQuery图片和内容滑动及弹出插件" src="https://simg.open-open.com/show/1e0a6455c2f3ff44e5af9db9ec4bc493.jpg" width="570" height="310" /><br /> jQuery图片滑动切换插件 - 图片旋转切换插件</p>    <h2>30 弹出层方块拼全滑入</h2>    <p>(<a href="/misc/goto?guid=4958323427211699979" target="_blank">Demo</a>演示 | <a href="/misc/goto?guid=4958323428016770477" target="_blank">Download下载</a>)</p>    <p>这个插件也超出了滑动切换的概念。它的使用是当你点击左侧菜单的选项时弹出层会以多个Box(方块)的形式飞入。当点击X关闭弹出层时又会以多个方块滑出。</p>    <p class="img-middle"><img alt="10个有创意的jQuery图片和内容滑动及弹出插件" src="https://simg.open-open.com/show/43a2f77db6e9f69d463ad53451f4158a.jpg" width="570" height="310" /><br /> jQuery图片滑动切换插件 - 弹出层方块拼全滑入</p>    <p class="img-middle">文章来源:<a href="/misc/goto?guid=4958323428813632141">http://www.techolics.com</a></p>