Template:Peking/hov/demojs

/**

* demo.js
* http://www.codrops.com
*
* Licensed under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 
* Copyright 2017, Codrops
* http://www.codrops.com
*/

{ setTimeout(() => document.body.classList.add('render'), 60); const navdemos = Array.from(document.querySelectorAll('nav.demos > .demo')); const total = navdemos.length; const current = navdemos.findIndex(el => el.classList.contains('demo--current')); const navigate = (linkEl) => { document.body.classList.remove('render'); document.body.addEventListener('transitionend', () => window.location = linkEl.href); }; navdemos.forEach(link => link.addEventListener('click', (ev) => { ev.preventDefault(); navigate(ev.target); })); document.addEventListener('keydown', (ev) => { const keyCode = ev.keyCode || ev.which; let linkEl; if ( keyCode === 37 ) { linkEl = current > 0 ? navdemos[current-1] : navdemos[total-1]; } else if ( keyCode === 39 ) { linkEl = current < total-1 ? navdemos[current+1] : navdemos[0]; } else { return false; } navigate(linkEl); }); }