<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> </HEAD> <BODY> <!--classid的值不是任意的,classid用于指定Activex组件的标识ID,每个ActiveX组件都有唯一一个用于标记该组件的ID号--> <OBJECT style="width:402px;height:50px" classid=clsid:35053A22-8589-11D1-B16A-00C0F0283628 id="Pbl"> <PARAM NAME="_ExtentX" VALUE="10636" > <PARAM NAME="_ExtentY" VALUE="1323" > <PARAM NAME="_Version" VALUE="393216"> <PARAM NAME="BorderStyle" VALUE="0"> <PARAM NAME="Appearance" VALUE="1" > <PARAM NAME="MousePointer" VALUE="0"> <PARAM NAME="Enabled" VALUE="1" > <PARAM NAME="OLEDropMode" VALUE="0" > <PARAM NAME="Min" VALUE="0" > <PARAM NAME="Max" VALUE="100" > <PARAM NAME="Orientation" VALUE="0" > <PARAM NAME="Scrolling" VALUE="1" > </OBJECT> <form name="frm"> 滚动样式:<input type="radio" value="1" name="sStyle" />平滑式 <input type="radio" value="0" name="sStyle" />方格式<br> 显示方式:<input type="radio" value="0" name="vStyle" />水平 <input type="radio" value="1" name="vStyle" />竖直<br> <input type="button" value="滚动" οnclick="onc();" <div id="info" value="Div"></div> </form> <mce:script language=javascript><!-- var oPbar = document.getElementById("Pbl"); var intvalID; function onc() { oPbar.Scrolling = getRadioValue("sStyle"); oPbar.Orientation = getRadioValue("vStyle"); intvalID = window.setInterval(sroll,100); } function getRadioValue(name) { var arr = document.forms[0].elements[name]; for(var i=0;i<arr.length;++i) { if(arr[i].checked) { return arr[i].value; } } } function sroll() { if(oPbar.value>=100) { window.clearInterval(intvalID); return; } oPbar.value +=1; } // --></mce:script> </BODY> </HTML> 显示效果如下: