当前位置: 代码迷 >> Web前端 >> 引见一个快速导航插件:Windy
  详细解决方案

引见一个快速导航插件:Windy

热度:65   发布时间:2013-07-08 14:13:00.0
介绍一个快速导航插件:Windy

日期:2013-4-15??来源:GBin1.com

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

在线演示

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