Plugin ligero site Feature Tour-uxTour. js
| Autor: | lyngbach |
|---|---|
| Views Total: | 2,214 |
| Sitio oficial: | Ir a la web |
| Actualizado: | June 8, 2016 |
| Licencia: | MIT |
Vista prévia
Descripción
uxTour. js es una biblioteca de JavaScript ligera vainilla que le ayuda a crear una visita interactiva de características resaltando el elemento especificado con una máscara circular.
Funcionamiento
Descargue y cargue la biblioteca uxTour. js cuando sea necesario.
<script src="uxTour.js"></script>
Inicializar el plugin con algunas propiedades opcionales.
var uxTour = new uxTour();
Set the steps for the tour. This is where you forexmaple dynamically empty and add new steps for dynamic page loads.
var tour = {
steps: [
{element: 'uxStep1', text: 'Here you can have some related text'},
{element: 'uxStep2', text: 'You can allways start the ux tour guide again here. This also works on fixed items', style: 'fixed'},
{element: 'uxStep3', text: 'Includes auto scrolling.<br> Is also responsive. try resize the window!', position: 'top'},
{element: 'view-source', text: 'This demo page is based on MDL-lite framework.<br> Klik here to see more about this awesome material design framework', style: 'fixed', position: 'top'}
]
}; Comience el recorrido. Empaquen una función para volver a abrir la guía UX.
uxTour.start(tour);
