介绍一个快速导航插件：Windy

日期：2013-4-15 来源：GBin1.com





在线演示

windy 是一个jQuery插件,使用CSS 3D变换和转换来略过一堆物品从而实现快速导航。连续导航的效果就是提醒一副牌或表单快点飞走,因此得名Windy。这个插件的想法是受CSS着色器示例
的影响。使用这个插件时需要一个无序列表的class：“wi-container”

<ul id="wi-el" class="wi-container">
<li>
<img src="images/demo1/1.jpg" alt="image1"/>
<h4>Coco Loko</h4>
<p>Total bicycle rights in blog four loko raw denim ex, helvetica sapiente odio placeat.</p>
</li>
<li> <!-- ... --> </li>
<li> <!-- ... --> </li>
<li> <!-- ... --> </li>
<!-- ... -->
</ul>

可以这样调用：

......

相关阅读:

分享5个超酷flash样式的jQuery导航和菜单
33个设计精良的免费导航菜单PSD
分享50个有趣的导航菜单设计
推荐5款精心挑选的导航菜单

via
极客社区

来源：介绍一个快速导航插件：Windy