En este artículo, demostraremos el efecto de tagifyText mediante el uso de la biblioteca javascript llamada script.aculo.us que tiene una transición suave de uno a otro. También podemos ajustar la duración del efecto.
Sintaxis:
Effect.tagifyText(element);
Nota: Para usar esta biblioteca, se supone que debemos instalar la biblioteca y luego usarla en nuestros programas. Y para hacerlo puedes seguir este enlace http://script.aculo.us/downloads .
Demostración:
Para demostrar el uso de esta función, hemos escrito un pequeño fragmento de código. En el que hemos escrito una pequeña función de javascript llamada método ShowEffect que utiliza el método tagifyText de esta biblioteca. Al hacer clic en Haga clic en mí para etiquetar ¡Envíe un mensaje de texto a la línea! , verás el efecto claramente.
Para ver el efecto, primero instale la biblioteca y luego abra este programa en el entorno local.
<!DOCTYPE html>
<html>
<head>
<title>script.aculo.us examples</title>
<script type = "text/javascript"
src = "prototype.js"></script>
<script type = "text/javascript"
src = "scriptaculous.js" ></script>
<script type = "text/javascript">
function ShowEffect(element){
new Effect.tagifyText(element);
}
</script>
</head>
<body>
<div onclick = "ShowEffect('geeks_1')">
Click me to ShowEffect!
</div>
<br />
<br />
<div id = "geeks_1">
LINE TO TAGIFYTEXT
</div>
</body>
</html>
Producción:
Publicación traducida automáticamente
Artículo escrito por Jitender_1998 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA