نمونه اسکریپت:

در صورتی که مرورگر شما از این اسکریپت پشتیبانی نماید، با کلیک بر روی منوی زیر تغییرات را مشاهده می نمایید.

کد اسکریپت:

<center><DIV ID="oTransContainer" STYLE="text-align:Center;font-size:30px;font-family:arial;position:absolute; top: 0px; left: 0px; width: 300px; height:300px; filter:progid:DXImageTransform.Microsoft.Wipe( GradientSize=1.0, wipeStyle=0, motion='forward') "> <!-- This is the first content that is displayed. --> <DIV ID="oDIV1" STYLE="color:pink;position:absolute; top:50px; left:10px; width:240px; height:140px; background:blue"> saideh.com </DIV> <!-- This content displays after the first content. --> <DIV ID="oDIV2" STYLE="color:#e1e1e1;visibility:hidden; position:absolute; top:50px; left:10px; width:240px; height:140px; background: green"> <BR><BR> oshagheiran.com</DIV> </DIV> <BUTTON onclick="fnToggle()">oshagheiran.com</BUTTON> <SCRIPT> var bTranState = 0; function fnToggle() { oTransContainer.filters[0].Apply(); if (bTranState=='0') { bTranState = 1; oDIV2.style.visibility="visible"; oDIV1.style.visibility="hidden";} else { bTranState = 0; oDIV2.style.visibility="hidden"; oDIV1.style.visibility="visible";} oTransContainer.filters[0].Play(duration=2);} </SCRIPT> </center>