在本文中，我們將通過使用名為script.aculo.us的JavaScript庫(具有從一個到另一個的平滑過渡)的JavaScript庫來演示SwitchOff選項的視覺效果。我們也可以調整效果的持續時間。
用法:
Effect.SwitchOff('id_of_element');
注意：要使用此庫，我們應該下載該庫，然後在程序中使用它。為此，您可以點擊此鏈接http://script.aculo.us/downloads。
演示：為了演示此函數的使用，我們編寫了一小段代碼。我們編寫了一個小的JavaScript函數ShowEffect()方法，該方法使用了此庫的SwitchOff()方法。通過單擊“單擊我關閉線路！”，您將清楚地看到效果。
例：若要查看效果，請首先在代碼中包含庫文件，然後在本地環境中打開此程序。
HTML
<html>
<head>
<script type="text/javascript"
src="prototype.js">
</script>
<script type="text/javascript"
src="scriptaculous.js?load = effects">
</script>
<script type="text/javascript">
function ShowEffect(element) {
new Effect.SwitchOff(element,
{ duration:3.0 });
}
function displayImage(element) {
new Effect.Appear(element,
{ duration:1, from:1.1, to:1.2 });
}
</script>
</head>
<body>
<div onclick="displayImage('hideshow')">
Click me to display the image!
</div>
<br />
<div id="hideshow" onclick="ShowEffect(this);">
<img src="GEEKSIMAGES/geeks1.PNG" alt="" /><br />
Click me to switch me off.
</div>
</body>
</html>輸出：
相關用法
注：本文由純淨天空篩選整理自Jitender_1998大神的英文原創作品 script.aculo.us SwitchOff Effect。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。