`

介绍一个快速导航插件: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>

可以这样调用:

......

相关阅读:

via 极客社区

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

分享到:
评论

相关推荐

    Windy快速浏览内容插件

    Windy可能指的是一个浏览器扩展,也可能是指一个特定的在线平台。在这个上下文中,Windy似乎是一个专注于内容浏览和管理的平台或应用。它通过提供个性化的浏览体验,让用户可以更快速、更有效地获取信息。 插件的...

    windy_windy_windy。js_

    Windy.js作为一个强大的JavaScript库,为开发者提供了绘制动态风向流动图的强大工具。通过其直观的可视化效果和灵活的定制选项,Windy.js在气象和GIS应用中展现出了极高的价值。无论是初学者还是经验丰富的开发者,...

    windy-plugins::helicopter:扩展Windy.com的功能。 在不到5分钟的时间内开发您的插件

    该存储库充当您自己的Windy插件的文档,游乐场和样板。 因此,始终在编辑该存储库之前对其进行分叉。 插件是用Javascript编写的,并以npm软件包的形式发布,因此您已经知道如何创建它们 入门 分叉此存储库,然后将...

    leaflet-windy,leaflet插件集成高德地图,风场粒子动画

    首先,`leaflet-windy`是一个基于Leaflet的地图插件,它专门用于展示风向和风速信息,通过粒子动画的方式让风场动态可见。Leaflet是一个轻量级的JavaScript库,广泛用于创建交互式地图应用。通过`leaflet-windy`,...

    L.Windy_webgis_leafletwindy_

    3. **Leaflet.Windy插件**:Leaflet.Windy是一个专门为Leaflet设计的插件,它允许在地图上动态显示风向和风速信息。这种插件通常使用全球预报系统(GFS)或欧洲中期天气预报中心(ECMWF)等气象模型的公开数据,为...

    js-webgis动态风场-windy

    基于leaflet的生成流体风场代码,和windy网上的一样,完整可用

    Windy_windyapi_Vc_

    在"标题"Windy_windyapi_Vc_"中,"Windy"可能是一个项目或者库的名字,而"windyapi"则表示该项目提供的特定API,可能是用于处理网络通信的。"Vc"通常指的是Visual C++,这是微软的一个开发工具,用于编写Windows应用...

    Windy.com_Weather_Radar_Premium_v27.3.1_build_2701032.apk

    这个快速,直观,详细和最准确的气象应用程序受到专业飞行员,滑翔伞,跳伞者,风筝冲浪者,冲浪者,船民,渔民,追风者和气象极客的信赖,甚至受到政府,陆军参谋人员和救援队的信赖。 无论您是跟踪热带风暴还是...

    windy.js实现风场效果

    windy.js实现风场效果,里面包含用到的各类js以及数据js.

    windy Blog v2.0

    "windy Blog v2.0" 是一个博客系统更新到第二版的源代码包,它在原有的基础上进行了改进,特别是对用户体验和性能进行了优化。这个博客平台未经任何第三方修改,保持了原始开发者的意图和功能,同时添加了一个新的...

    windy Blog v2.0-ASP源码.zip

    【标题】"windy Blog v2.0-ASP源码.zip"所代表的是一个基于ASP(Active Server Pages)技术开发的博客系统——Windy Blog的第二个版本。ASP是一种由微软公司推出的服务器端脚本环境,它允许开发人员在网页上嵌入动态...

    3种风吹图片jquery堆叠图片切换效果插件

    对于用户来说,这是一个非常重要的资源,可以帮助他们快速理解和使用Windy插件。 **jQuery之家.url:** 这可能是一个书签链接,指向一个关于jQuery的网站,可能提供了更多jQuery相关的教程、插件或社区资源,对于...

    Windy (v39.1.5) Premium.apk

    Windy (v39.1.5) Premium.apk

    基于leaflet的全球风资源分布插件

    全球风资源分布插件是基于Leaflet JavaScript库开发的一个功能组件,主要目的是为了在地图上可视化地呈现全球范围内的风速、风向和温度信息。Leaflet是一个轻量级、高性能且易于使用的开源地图库,它支持多种Web...

    Windy:适用于Android的简单天气应用

    【Windy:适用于Android的简单天气应用】 Windy是一款专为Android用户设计的简洁天气应用程序,它以用户友好的界面和实用的功能为特点,让用户能够快速便捷地获取准确的天气信息。这款应用由Java编程语言编写,充分...

    leaflet 地图插件整合 idea环境

    这个"Leaflet地图插件整合 idea环境"项目显然旨在提供一个集成的开发环境,帮助开发者更方便地利用Leaflet构建地图应用,并支持多种地图服务,如天地图、百度地图和谷歌地图。同时,它还涉及到了坐标系转换,包括WGS...

    windy-ui:Blazor 基于 Tailwind CSS 的组件库。 灵感来自 Tailwind UI

    Windy UI 在这一点上还不是一个完整的 UI 库,因为它不是一个 nuget 包,您可以在任何项目中安装和准备好。 Windy UI 目前是一个指南,用于指导如何编写基于 Tailwind CSS 的组件库。 Windy UI 目前实现的组件类型...

    signalk-windy:将您的船变成Windy.com的个人气象站(PWS)。 需要Signal K服务器

    适用于Windy的Signal K插件 在某些方面,所有船只都是气象站。 该插件从船上仪器收集环境数据,并将信息作为个人气象站(PWS)发送到Windy。 它支持风速,风向,温度,压力和湿度。 和查看样本站。 重要笔记: 需要...

    Leaflet 插件,可沿路径 创建具有增量测量的折线。(又名尺子)_JavaScript_代码_相关文件_下载

    该插件是一个测量工具,可沿折线路径显示间隔标记。 最后一条线段末尾的工具提示指示折线中所有线段的总距离。 可以在同一张地图上创建多条折线。 双击事件将完成多段线的创建,并允许创建新的多段线。 可以从地图中...

    windy:基于 Tailwind 的 React UI Kit

    有风基于 Tailwind 的 React UI Kit安装npm i @webeetle/windy 先决条件只有一件事:你的项目必须使用 React 和 Tailwind CSS文档发展克隆这个 repo 并运行: npm i npx vitro dev

Global site tag (gtag.js) - Google Analytics