Mac OS X estilo Launchpad en JavaScript
| Autor: | linkorb |
|---|---|
| Views Total: | 1,106 |
| Sitio oficial: | Ir a la web |
| Actualizado: | November 19, 2017 |
| Licencia: | MIT |
Vista prévia
Descripción
Launchpad. js es una pequeña biblioteca de JavaScript para crear un macOS como Launchpad para lanzar rápidamente aplicaciones en la Página Web.
Funcionamiento
Importe el ' Launchpad. js ' en el archivo HTML.
<script src="launchpad.js"></script>
Establezca la aplicación en la que desea mostrar el Launchpad.
launchpad.setData([
{
group: 'Entertainment',
apps: [
{
icon:"1.png",
link: "#",
label: "Photos"
},
{
icon:"2.png",
link: "#",
label: "Numbers"
},
]
},
{
group: 'Work',
apps: [
{
icon:"3.png",
link: "#",
label: "Numbers"
},
{
icon:"4.png",
link: "#",
label: "Keynote"
},
]
},
{
icon:"5.png",
link: "#",
label: "Numbers"
},
{
icon:"6.png",
link: "#",
label: "Keynote"
}
]); Cree un elemento de marcador de posición para el Launchpad.
<div id="canvas-holder"></div>
Alternar el Launchpad. Hecho.
launchpad.toggle();
