Tarjeta de Resumen de Wikipedia en Hover-Hovercard. js

Tiempo de ejecución: 30 minutos. Empezar

Autor: AnandChowdhary
Views Total: 276
Sitio oficial: Ir a la web
Actualizado: February 6, 2019
Licencia: MIT

Vista prévia

Tarjeta de Resumen de Wikipedia en Hover-Hovercard. js

Descripción

Hovercard. js es una biblioteca de JavaScript que adjunta una tarjeta de Resumen de Wikipedia a los términos dentro de su artículo al pasar el ratón sobre.

Funcionamiento

Instale y descargue el paquete Hovercard. js.

# Yarn
$ yarn add hovercard

# NPM
$ npm install hovercard --save

Importe el módulo Hovercard en su proyecto.

import Hovercard from "hovercard";

Inicialice la Hovercard y estamos listos para irnos.

const cards = new Hovercard();

Añada la clase CSS requerida . hovercard al término objetivo.

<span class="hovercard">American</span>

Especifique el enlace & título de la tarjeta de Resumen de Wikipedia.

<span class="hovercard"



 data-link="https://google.com"



data-hovercard-title="United States">American
</span>

Opciones posibles.

const cards = new Hovercard({



target: "_blank",



lang: "en",



link: "inherit",



timeout: 50
});

Registro de cambios

v1.3.2 (02/06/2019)

  • Bugfix

v1.3.0 (12/30/2018)

  • Bugfix

Te puede interesar: