<!--www.JAVACO.blogfa.com--> <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") " mce_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" mce_STYLE="color:pink;position:absolute; top:50px; left:10px; width:240px; height:140px; background:blue">شاره کم سنه </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" mce_STYLE="color:#e1e1e1;visibility:hidden; position:absolute; top:50px; left:10px; "> <BR><BR> www.gpg.blogsky.com</DIV> </DIV> <BUTTON onclick="fnToggle()">Toggle Transition</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> <!--www.gpg.blogsky.com-->