在本文中，我們將通過使用名為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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。