直接拿来用的页面跳转进度条射流研究…实现

本文实例介绍了基于爪哇岛描述语言实现的页面跳转进度条，分享给大家供大家参考，具体内容如下

效果图：

具体代码：

HTMLHEADTITLEopen代码/TItle SCRIPT type=text/JAVAScript！-var ie5=(文档。所有文件。getelementsbytagname)；定义变量步长=0;函数setSB(v，el，inforEl，message){ if(ie5 | | document。readystate==' complete '){ filter El=El。子级[0]；值El=El。孩子[1]；if(El滤波器。风格。像素宽度0){ var filter backup=filter El。风格。过滤器；过滤器El。风格。筛选器=' '；过滤器El。风格。filter=筛选器备份；} FilterEl。风格。width=v " %价值观。innertext=v " %inforEl.innerText=message} }函数setSBByStep(v，el，inforEl，message){ if(ie5 | | document。readystate==' complete '){ step=step v；滤镜El=El。子级[0]；值El=El。孩子[1]；if(El滤波器。风格。像素宽度0){ var滤镜备份=滤镜el。风格。过滤器；过滤器El。风格。筛选器=' '；过滤器El。风格。filter=筛选器备份；} FilterEl。风格。宽度=步长“%”；valueEl.innerText=步骤“%”，inforEl.innerText=消息；} }功能fakeProgress(v，El){ if(v=101)位置。href='//www .JB 51。net '；else {setSB(v，el，infor，'页面正在跳转中，请稍候.');窗户。settimeout(' FakeProcess('(v)1 ')，文档。所有的。id ' '])'，10)；} }/////SCRIPT SCRIPT语言=javaScript/SCRIPT/head body bgColor=# F9 F9 topMargin=100 on load=fakeProgress(0，sb)P /PP /PP /P！-状态栏开始- DIV对齐=中心DIV id=sb style=' BOrder-right : # ffffff 1px实心；边框-TOP: #ffffff 1px实心；背景技术；边框-左侧：中等无；宽度： 400像素；边框-底部： #cccccc 1px实心；height : 14 text-align : left ' div id=sbchild 1 Style=' filter : Alpha(不透明度=0,完成度=80,样式=1,开始X=0，开始y=0，完成X=100，完成度=0);隐藏飞越：宽度： 100%;绝对位置：高度： 12px ' div style='背景： # 000000；宽度： 100% ';height :12 pxo verflow : hidden/DIV/DivDiv style=' FONT-SiZe : 10px；宽度： 400像素；颜色：白色；FONT-FAMILY : arial；绝对位置：高： 14px文本-对齐：中心/DIV/DIV！-状态栏结束-P/PDIV id=inforstyle=' FONT-SiZe : 11px；宽度： 100%;颜色： # 999999;FONT-FAMILY : arial；相对位置：高： 14px文本-对齐：中心/分区/分区/正文/HTML代码二，也很不错，运行效果图如下

代码分享：

html头部脚本语言=' JavaScript '函数setSB(v，El){ var ie5=(文档。所有文件。getelementsbytagname)；if(ie5 | |文档。readystate==' complete '){ filter El=El。子级[0]；值El=El。孩子[1]；过滤器El。风格。width=v " %价值观。innertext=v " %} }函数fakeProgress(v，El){ if(v 100)位置。href='//www .JB 51。net/'；else { setSB(v，El)；窗户。settimeout(' FakeProcess(' v ')，文档。所有的。id ' '])'，20)；} }/SCRIPT/head body on load=' FakeProgress(0，sb)'上边距=180 bgcolor=# CCCCCCCentep align=center style=' font-szie :9 pt；线高： 100%正在进入我们，请稍侯…/PS pan id=sb style=' width : 500 px ' div style=' filter : Alpha(不透明度=0,完成度容量=60,样式=1,开始时间=0,开始时间=0,完成时间=100,完成时间=0);宽度： 0%;高度： 12px绝对位置：背景： # 9999 ff '/div div style=' font-size : 12px；宽度： 100%;color : # ff 3333 font-family : arial；文本对齐：中心/DIV/span/中心/正文/html代码直接复制粘贴即可运行，大家可以试验一下。

以上就是为大家分享的射流研究…实现页面跳转进度条的完整代码，希望对大家的学习有所帮助。