在本文中，我们将通过使用名为script.aculo.us的JavaScript库从一个平滑过渡到另一个，来演示tagifyText的效果。我们也可以调整效果的持续时间。
用法:
Effect.tagifyText(element);
注意：要使用此库，我们假设先安装该库，然后在我们的程序中使用它。为此，您可以点击此链接http://script.aculo.us/downloads。
示范：
为了演示此函数的用法，我们编写了一小段代码。在其中，我们编写了一个名为ShowEffect方法的小型javascript函数，该函数使用此库的tagifyText方法。通过单击Click me to tagifyText line !，您将清楚地看到效果。
要查看效果，请先安装该库，然后在本地环境中打开此程序。
<!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>输出：
相关用法
注：本文由纯净天空筛选整理自Jitender_1998大神的英文原创作品 script.aculo.us tagifyText Effect。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。