Tip: you can modify some code before running
<html xmlns:rdl><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>Rainer's Handbook</title><style>body{margin:0px;padding:16px;background:#FFFFFF;overflow:auto;}body,table,input,select,textarea,a{font-family:verdana,tahoma,arial;font-size:11px;color:#000000;word-break:break-all;}table,img{border:0px;}a{text-decoration:none;color:#003399;}a:hover{color:#000000;text-decoration:underline;}#id_div3{padding-top:8px;border-top:1px solid #000000;line-height:15px;}#id_span3{font-size:10px;font-family:tahoma;}</style><style>#idParentDiv{width:100%;height:120px;padding:6px;background-color:buttonshadow;position:relative;filter:progid:DXImageTransform.Microsoft.Pixelate(enabled="false");}#idDiv1{width:200px;height:100px;background-color:#000000;color:#FFFFFF;padding:4px;position:absolute;z-index:3;visibility:hidden;}#idDiv2{width:200px;height:100px;background-color:#000000;color:#FFFFFF;padding:4px;position:absolute;z-index:4;visibility:visible;}#idCodeDiv{width:100%;padding:4px;font-family:verdana,tahoma;margin:12px 0px 0px 0px;background-color:#EEEEEE;font-weight:bold;}</style><script>var sBaseStr="filter : progid:DXImageTransform.Microsoft.Pixelate ( ";var oParentDiv,oCodeDiv;function rdl_doInit(e){oParentDiv=document.all("idParentDiv");oCodeDiv=document.all("idCodeDiv");rdl_play();}function rdl_change(e){with (document.all("idSel1")) var sValue1=options[selectedIndex].value;with (document.all("idSel2")) var sValue2=options[selectedIndex].value;oCodeDiv.innerText=sBaseStr+",enabled="+oParentDiv.filters[0].enabled+",duration="+sValue1+",maxSquare="+sValue2+" ) ;";with (oParentDiv.filters[0]) {Duration=sValue1;MaxSquare=sValue2;}}function rdl_play(){with (oParentDiv) {if (children[0].style.visibility=="hidden") children[1].style.visibility="visible";else children[1].style.visibility="hidden";filters[0].Apply();if (children[0].style.visibility=="hidden") children[0].style.visibility="visible";else children[0].style.visibility="hidden";if (children[1].style.visibility=="hidden") children[1].style.visibility="visible";else children[1].style.visibility="hidden";filters[0].play();}}window.onload=rdl_doInit;</script></head><body><div id=idParentDiv><div id=idDiv1>I am the input obtained by the merging filter.<b>A</b>.</div><div id=idDiv2>I am the input obtained by the merging filter.<b>B</b>.</div></div><br><table><tr><td><select id=idSel1 onchange="rdl_change();"><option value="0.5" >--- Duration ---<option value="1">1<option value="2">2<option value="4">4<option value="5">5<option value="6">6<option value="12">12</select></td><td><select id=idSel2 onchange="rdl_change();"><option value="50" >--- MaxSquare ---<option value="25">25<option value="10">10<option value="5">5</select></td><td><input type=button value=" Play " onclick="if (oParentDiv!=null) rdl_play();"></td><td><input type=button value=" Stop " onclick="if (oParentDiv!=null) oParentDiv.filters[0].stop();"></td></tr></table><br><div id=idCodeDiv>Filter: progid: DXImageTransform. Microsoft. Pixelate (enabled = "false ")</div><br> <br> <br><div id=id_div3>Suwon works · All rights reserved<br>© 2002 Rainer Su. All rights reserved.</div></body></html>
Tip: you can modify some code before running