用一个div标记,js动态改变其宽度

解决方案 »

  1.   

    同意江雨的,记得改变颜色属性.
    timer用setTimeOut或者setInterval
      

  2.   

    我js做的
     不能真实反映后台运行的,如果需要,明天就贴出来。 去javascript 的文档中心看看,有。
      

  3.   

    谢谢大家,dragon2002(天下之大,连我站的地方都没有),希望你能贴出来,我想借鉴一下,谢谢!
      

  4.   

    <HTML>
    <HEAD>
    <script language="javascript" src="ShowProcessBar.js"></script>
    </HEAD>
    <BODY>
    <A href="error.asp" IsShowProcessBar="True">A Href</A>
    <BR>
    <BR>
    <span onclick="location.href='error.asp'" style="cursor:hand" IsShowProcessBar="True">
    <font color="blue">Span</font></span>
    <BR>
    <form action="error.asp" ID="Form1">
    <input type="Submit" value="Submit" ID="Submit1" NAME="Submit1"> <input type="button" value="normal button" IsShowProcessBar="True" ID="Button1" NAME="Button1">
    </form>
    <P IsShowProcessBar="True">AAAAAAAAAAAAA</P>
    </BODY>
    </HTML>
      

  5.   

    // JScript source code  ShowProcessBar.js文件
    <!--
    AddProcessbar(); 
    var bwidth=0; 
    var swidth = document.all.waiting.clientWidth; function CheckIsProcessBar(obj) 

    if (obj.IsShowProcessBar=="True") 

    return false; 

    else 

    return true; 

    } function CheckClick(e) 

    if (e == 1) 

    if (bwidth<swidth*0.98){ 
    bwidth += (swidth - bwidth) * 0.025; 
    if (document.all)document.sbar.width = bwidth; 
    else document.rating.clip.width = bwidth; 
    setTimeout('CheckClick(1);',150); } 

    else 

    if(document.all) 

    if(document.all.waiting.style.visibility == 'visible') 
    {document.all.waiting.style.visibility = 'hidden'; 
    bwidth = 1;} 
    whichIt = event.srcElement; while (CheckIsProcessBar(whichIt)) 

    whichIt = whichIt.parentElement; 
    if (whichIt == null)return true; 

    document.all.waiting.style.pixelTop = (document.body.offsetHeight - document.all.waiting.clientHeight) / 2 + document.body.scrollTop; 
    document.all.waiting.style.pixelLeft = (document.body.offsetWidth - document.all.waiting.clientWidth) / 2 + document.body.scrollLeft; 
    document.all.waiting.style.visibility = 'visible'; 
    if(!bwidth)CheckClick(1); 
    bwidth = 1; } else 
    { if(document.waiting.visibility == 'show') 
    {document.waiting.visibility = 'hide'; 
    document.rating.visibility = 'hide'; 
    bwidth = 1;} 
    if(e.target.href.toString() != '') 

    document.waiting.top = (window.innerHeight - document.waiting.clip.height) / 2 + self.pageYOffset; 
    document.waiting.left = (window.innerWidth - document.waiting.clip.width) / 2 + self.pageXOffset; 
    document.waiting.visibility = 'show'; 
    document.rating.top = (window.innerHeight - document.waiting.clip.height) / 2 + self.pageYOffset+document.waiting.clip.height-10; 
    document.rating.left = (window.innerWidth - document.waiting.clip.width) / 2 + self.pageXOffset; 
    document.rating.visibility = 'show'; 
    if(!bwidth)CheckClick(1); 
    bwidth = 1; 


    return true; 

    } function AddProcessbar() 
    { var Str="" 
    Str+= "<div id=waiting style=position:absolute;top:50px;left:100px;z-index:1;visibility:hidden >"; 
    Str+= "<layer name=waiting visibility=visible zIndex=2 >" 
    Str+= "<table border=2 cellspacing=1 cellpadding=0 bordercolorlight=#FFFFFF bordercolordark=#C0C0C0 bgcolor=#E0E0E0>" 
    Str+= " <tr>" 
    Str+= " <td bgcolor=#E0E0E0 height=30px width=300px align=center>" 
    Str+= " <font color=black>系統正在處理中...</font>" 
    Str+= " </td>" 
    Str+= " </tr>" 
    Str+= " <tr>" 
    Str+= " <td bgcolor=#E0E0E0>" 
    Str+= " <img width=1 height=10 name=sbar style=background-color:#6699cc>" 
    Str+= " </td>" 
    Str+= " </tr>" 
    Str+= "</table> " 
    Str+= "</layer>" 
    Str+= "</div>" 
    document.write(Str) if(document.all)document.onclick = CheckClick; 
    }   -->