`
jjfat
  • 浏览: 282535 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

创新的缩略图展示javascript类库 - Kort.js

阅读更多

创新的缩略图展示javascript类库 - Kort.js

 

在线演示  本地下载  

 

Kort.js是一个迷你的javascript类库,能够使用充满创意的方式来展示一系列的缩略图,同时支持触摸设备。你可以将鼠标悬浮放置到缩略图图片上,能够生成一系列的缩略图展示效果,如果你使用触摸设备的话,你也可以使用独有的swipe操作来滑动展示图片。

当你将鼠标悬浮于图片上,将会自动展开一叠图片,当你左右移动会显示不同图片,当鼠标移除缩略图,则所有缩略图会堆积到一起,缩略图动画效果分为三种:

  • Default
  • Concave
  • Stack

你可以根据你的需要来使用上面不同的特效,类库非常迷你,相信看完也不会花你很长时间,希望能够带给大家不同的体验!

分享到:
评论

相关推荐

    kort-to-osm:将更改从Kort转移到OpenStreetMap

    从渗透到渗透 将更改从Kort转移到OpenStreetMap。安装将setup.dist.cfg复制到setup.cfg并修改值将logging.dist.yml复制到logging.yml并修改值运行以下命令以安装所有必需的依赖项pip install -r requirements.txt...

    Microsoft.Exam Ref 70-487.Developing Windows Azure and Web Services.2013.pdf

    本书《Microsoft Exam Ref 70-487:开发Windows Azure和Web服务》由William Ryan、Wouter de Kort 和 Shane Milton共同编写,并获得微软公司的授权,由O’Reilly Media出版。本书主要针对的是希望准备微软认证考试70...

    CSS3D缩略图预览概念_HTML_JavaScript_下载.zip

    例如,当用户将鼠标悬停在缩略图上时,JavaScript可以改变缩略图的样式,或者使用`transform`属性来应用3D旋转、缩放等效果,实现立体的预览效果。 CSS3的3D变换是这个项目的核心部分。CSS3引入了`transform`属性,...

    kort:一个NodeJS应用程序,用于执行各种UX研究方法

    使用Git克隆代码( git clone https://github.com/carlsonp/kort.git ) 从Github下载发行档案通过npm install @carlsonp/kort从已发布的npm软件包中进行npm install @carlsonp/kort 编辑app.js并可以选择设置...

    Kort's Spellcrafting Calculator-开源

    《Kort's Spellcrafting Calculator》是一款开源软件,专为魔术师和参与Mythic Entertainment的多人在线角色扮演游戏(MMPORG)《Camelot的黑暗时代》的玩家设计。这款计算器致力于帮助玩家更好地理解和构建自己的...

    3D打印机

    3D打印机 可以直接从打印机上购买Prusa I3 MK3S 。 Slicers som vi kan bruke er 。 ... 通过SD-kort进行文看要塞打印。 刨床 对于路线图,请根据项目进行! framgangsmåtetil bur的净面: ikk

    kort:Kort是一款跨平台的众包应用,旨在利用游戏化概念来改善OpenStreetMap(2012-2016年)

    Kort是/曾经是一个跨平台的众包应用程序,旨在改善OpenStreetMap 2012-2016。 注意-此回购已被放弃,转而支持Kort Native! 建造 Kort是使用构建的: 该应用程序已部署在: : 笔译 如果您想帮助我们翻译其他语言...

    Exam 70-483 Programming In C#

    本书由Wouter de Kort撰写,通过O'Reilly Media出版,并获得了微软公司的正式授权。该书全面覆盖了70-483考试的所有核心内容,旨在帮助考生深入理解C#编程的关键概念和技术。 #### 二、考试目标群体 本考试主要...

    Full Immersion RPG-开源

    1. kort.css:这是游戏的样式表文件,包含了定义游戏界面视觉元素的CSS规则,包括颜色、布局和字体等,确保游戏界面的美观和统一。 2. index.php:这是主入口文件,通常包含初始化代码,处理用户请求,并将控制权...

    Exam Ref 70-483 Programming in C#

    文末的作者致谢表明,作者Wouter de Kort将本书献给了他的父母,表示感激之情,这显示了个人成长历程中家庭对个人职业选择和鼓励的重要性。 6. 出版的细节: 虽然文件中没有直接提及,但根据常见的出版细节描述,...

    微软70-483 参考

    它是由Wouter de Kort编著,并且获得了微软公司的授权出版。这本书是由O’Reilly Media, Inc.出版的,出版地点为美国加利福尼亚州的塞巴斯托波尔。书中的ISBN编号为978-0-7356-7682-4,这是一本有版权保护的书籍,...

    有记忆专利竞赛中的期权博弈

    在现代企业竞争中,技术创新已成为企业保持竞争优势的关键。技术竞争的激烈性、创新投资的不确定性、成本的不可逆性以及投资时机的可选择性,都使得技术创新投资决策变得尤为重要。因此,有关专利竞赛和期权博弈的...

    中兴交换机配置线线序

    根据给定的部分内容“һΪͨ幛,通一一为 kort头 2针 3针 5针 4针 6针 7针 8针”,我们可以推测出这是一段关于中兴交换机配置线线序的描述。但由于原始信息较为简略且存在非标准字符,下面将基于一般性的RS-232线序...

    fibonacci_grid

    javascript 任务 Maak een 50x50网格。 Als je klikt op een cel,wordt bij alle cellen in de rij en kolom van de cel 1 opgeteld。 是een cel leeg,dan wordt die op 1 gezet。 Na Elke verandering licht een ...

    programming in C# Exam Ref 70 483

    这本书的作者是Wouter de Kort,从2013年由Microsoft Press出版。 描述部分提到目前只有一章的内容可用,这一章的标题是“Manage program flow”(管理程序流程)。这意味着该书至少包含了关于如何管理和控制C#程序...

    DevOps on the Microsoft Stack

    本书是由Wouter de Kort撰写,旨在深入探讨如何在微软的技术堆栈上应用DevOps实践。书籍内容涵盖了从理论到实际操作的各种DevOps实践技巧和方法论。 知识点四:DevOps实践的重要性 随着市场对于快速交付高质量软件...

    SandPiper:SandPiper的api,该应用程序可帮助您在音乐服务之间转移播放列表

    鹬 网站: : 状态-中断,但正在运行; 自述文件 欢迎使用Sandpiper,该应用程序可帮助您在音乐服务之间转移播放列表! 当前,支持在Spotify和Apple Music之间进行传输。...Bob De Kort-Goossens-移动版​​(iOS)

    DAoC Log Parser-开源

    DAoC的聊天日志解析器(Dark Age of Camelot,由Mythic Inc.开发的游戏),报告战斗统计数据和挖掘到日志中的所有内容(项目,咒语等),以供查看和保存为XML文件,以供其他人使用Loki和Kort's等应用程序。

    code-analytics-cosdoc-dipsdevdays:针对finnemønstre和koden的Kodebaseanalyse。 Hvordan kan versjonskontrolldataåååååååååååååååååååååödökön? BasertpåAdam Thornhill sin bok“您的犯罪现场代码”

    代码分析可帮助重构 谈话大纲 介绍梅格·塞尔夫 是否进行adferdskodeanalyse? 热点地区 Kalkuler kompleksitet 昆斯卡普斯卡特 恩德利格·普桑桑佐 Tittel:Hvordan bruke ... Kort beskrivelse:Versjonsko

Global site tag (gtag.js) - Google Analytics