论坛首页 Web前端技术论坛

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

浏览 1592 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2013-04-15  

日期: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

论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics