Introducir la aplicación & #8217; s nuevas características paso a paso-tourMe. js
| Autor: | mejuliver |
|---|---|
| Views Total: | 208 |
| Sitio oficial: | Ir a la web |
| Actualizado: | January 8, 2019 |
| Licencia: | MIT |
Vista prévia
Descripción
tourMe. js es una biblioteca de JavaScript para crear visitas guiadas a través de su aplicación Web.
Ideal para la introducción de nuevas características y funcionalidades destacadas de su aplicación en el documento listo.
Funcionamiento
Inserte los archivos de tourMe. js en el documento.
<link rel="stylesheet" href="tourMe.css"> <script src="tourMe.js"></script>
Inicialice el tourMe.
var $tour = new tourMe();
Adjunte los pasos apropiados a sus elementos utilizando las siguientes opciones de de datos .
- Data-tourme-SEQ: número de secuencia
- Data-tourme-Arrow: la dirección de las flechas
- datos-tourme-Top: offset en píxeles
- Data-tourme-Content: el contenido del paso
- datos-tourme-clases: extra CSS Class (es)
- Data-tourme-Anchor: el selector del elemento de contenido
<h4 data-tourme-seq="1" data-tourme-arrow="arrow-up" data-tourme-top="20" data-tourme-content="Tour me please 1"> Step 1 </h4> <h4 data-tourme-seq="2" data-tourme-arrow="arrow-down" data-tourme-content="Tour me please 2"> Step 2 </h4> <h4 data-tourme-seq="3" data-tourme-arrow="arrow-left" data-tourme-left="20" data-tourme-content="Tour me please 3"> Step 3 </h4> <h4 data-tourme-seq="4" data-tourme-arrow="arrow-right" data-tourme-classes="my-class" data-tourme-content="Tour me please 4"> Step 4 </h4>
Comience el recorrido.
$tour.start({
// the number of times to repeat
repeat : 2,
// shows directional arrows
arrow : true
});
