Meny - A three dimensional and space efficient menu concept

《寻梦环游记》

  • 首页
  • 影照
  • Rember Me
  • 感想

1.jpg

《寻梦环游记》是皮克斯动画工作室的第19部动画长片,由华特·迪士尼电影工作室、皮克斯动画工作室联合出品,

李·昂克里奇、阿德里安.莫利纳执导,安东尼·冈萨雷斯、本杰明·布拉特、盖尔·加西亚·贝纳尔、蕾妮·维克多等参与配音。

该片的灵感源于墨西哥亡灵节,讲述了热爱音乐的小男孩米格和落魄乐手埃克托在五彩斑斓的神秘世界开启了一段奇妙冒险旅程的故事。

该片于2017年11月22日在美国上映,2017年11月24日在中国内地上映。2018年3月5日,该片获得第90届奥斯卡金像奖最佳动画长片。

// Create an instance of Meny

var meny = Meny.create({

// The element that will be animated in from off screen

menuElement: document.querySelector( '.meny' ),

// The contents that gets pushed aside while Meny is active

contentsElement: document.querySelector( '.contents' ),

// [optional] The alignment of the menu (top/right/bottom/left)

position: Meny.getQuery().p || 'left',

// [optional] The height of the menu (when using top/bottom position)

height: 200,

// [optional] The width of the menu (when using left/right position)

width: 260,

// [optional] Distance from mouse (in pixels) when menu should open

threshold: 40,

// [optional] Use mouse movement to automatically open/close

mouse: true,

// [optional] Use touch swipe events to open/close

touch: true

});

// API Methods:

// meny.open();

// meny.close();

// meny.isOpen();

// Events:

// meny.addEventListener( 'open', function(){ console.log( 'open' ); } );

// meny.addEventListener( 'close', function(){ console.log( 'close' ); } );

// Embed an iframe if a URL is passed in

if( Meny.getQuery().u && Meny.getQuery().u.match( /^http/gi ) ) {

var contents = document.querySelector( '.contents' );

contents.style.padding = '0px';

contents.innerHTML = '

';

}

一键复制

编辑

Web IDE

原始数据

按行查看

历史

html代码演讲,index.html相关推荐

  1. 使用JSP代码编写index.jsp文件在网页上显示数据库数据

    使用JSP代码编写index.jsp文件在网页上显示数据库数据 在index.jsp文件上使用JSP代码编写 可以在网页上以表格的形式显示数据库 内的数据 需要创建一个项目 因为需要用到关于JDBC的 ...

  2. php clownfish,CodeIgniter框架代码解析-index.php

    工作中一直用的codeigniter框架,但是很多核心的内容并不了解是怎么运行的. 最近工作进度不是很紧,准备花点时间把codeigniter好好的研究一下. 先上index.php文件: //这个文 ...

  3. Discuz代码分析——index.php

    /*     [Discuz!] (C)2001-2007 Comsenz Inc.     This is NOT a freeware, use is subject to license ter ...

  4. c#加粗代码_RichTextBox,怎么用c#代码根据Index和Length指定的范围的内容进行变色或加粗处理?...

    如题,不会添加有图片和表格一类的对象,只有文字对象,Richboxtext内容是从文件读取存入的,读取的时候是纯文本.我想根据围绕Richtextbox内容的纯文本和index和length进行外观处 ...

  5. Cordova工程index.html/index.css/index.js结构及关键代码

    Cordova工程index.html/index.css/index.js结构及关键代码 1. index.html 2. index.css (1)横竖屏的判断方法: (2)深色模式适配 3. i ...

  6. tomcat修改默认index.html,修改TOMCAT默认主页(示例代码)

    1.默认的项目都在目录:apache-tomcat-9.0.0.M22\\webapps\\ROOT下 2.该目录下有一个index.jsp是tomcat的默认主页,如下 3.现在需要修改这个默认主页 ...

  7. c++演讲比赛流程管理系统

    功能要求 思路分析 具体代码 演讲比赛流程管理系统.cpp #include"SpeehManager.h" #include<ctime> #include<i ...

  8. mysql 执行计划extra_MySQL执行计划extra中的using index 和 using where using index 的区别...

    www.linuxidc.com/Linux/2017-- mysql执行计划中的extra列中表明了执行计划的每一步中的实现细节,其中包含了与索引相关的一些细节信息 其中跟索引有关的using in ...

  9. 微信小程序和微信小程序之间的跳转和传参示例代码附讲解

    微信小程序开发交流qq群   173683895    承接微信小程序开发.扫码加微信. 正文: 一:微信小程序跳转 使用限制 需要用户触发跳转 从 2.3.0 版本开始,若用户未点击小程序页面任意位 ...

最新文章

  1. [转]JAVA中Action层, Service层 ,modle层 和 Dao层的功能区分
  2. HTML5 Dashboard – 那些让你激动的 Web 技术
  3. 无线+传感技术将物联网推向云端
  4. 70后、80后、90后程序员区别极端版
  5. DataGridView 的 CurrentCellDirtyStateChanged事件用法
  6. suse linux10 关闭防火墙,Suse10 关闭防火墙
  7. java分割字符串_Java中分割字符串
  8. 深度学习之对象检测_深度学习时代您应该阅读的12篇文章,以了解对象检测
  9. 어느 도시 보유 하 면 사랑 이다(事態が発生すれば、ある都市の恋はしません)【Si les villes un amour】{If have love in a city}...
  10. JQuery Datatables 实现对某一列的数据合计汇总
  11. 在Visual Studio调试器中显示数组
  12. Go Web编程--SecureCookie实现客户端Session管理
  13. linux音频驱动程序测试,Linux声卡驱动移植和测试
  14. Kafka配置文件及解释
  15. MyEclipse下开发Web Service(转)
  16. java 远程连接_java实现连接远程服务器并执行命令的基本原理
  17. c语言pow函数原型_c语言中pow函数的用法是什么?
  18. Ubuntu18.04安装和卸载teamviewer
  19. avr的c语言开发工具,AVR单片机的C语言开发简介
  20. 无线充电Qi通信协议分析

热门文章

  1. Custom Data Objects
  2. 个人官网导航网址放旗下网站源码
  3. 学什么技术专业最有前途?
  4. 鸿蒙宴中的人物故事,鸿门宴的主要人物有哪些
  5. 回首2015年小文codeRoad
  6. Debian搭建DBMS(MariaDB)
  7. c语言 生化危机游戏,生化危机6佣兵全人物+服装解锁
  8. mysql report-port_mysql性能优化工具mysqlreport
  9. ceph s3cmd上传文件时报错: ERROR: S3 error: 416 (InvalidRange)
  10. 软件测试简历投递小技巧,百分百避免已读不回,成功入职增加30%