html代码演讲,index.html

Meny - A three dimensional and space efficient menu concept

《寻梦环游记》

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

《寻梦环游记》是皮克斯动画工作室的第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

原始数据

按行查看

历史