軟件
                        
    
                            
  • 綜合
    • 
                            
  • 軟件
    • 
                            
  • 文章
    • 
                            
  • 安卓
    • 
                        

                    
搜索

            

            

                pscc2017autocad2018dreamweaver2017草圖大師2017Visio 2016
            

        

    



  

    

      
    

  





  
 當前位置：軟件學堂 > 資訊首頁 > 網絡編程 > 編程其他 > JS代碼實現狀態欄文字從右彈出 





  

    
    

      
      

        
JS代碼實現狀態欄文字從右彈出

        
2012/10/27 11:56:24作者：佚名來源：網絡

        
移動端
          

        

      

      
            
【實例名稱】
JS代碼實現狀態欄文字從右彈出
【實例描述】
狀態欄的文字可以從不同方向彈出，實現不同的樣式。本例實現從右邊彈出文字的效果。
【實例代碼】
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標題頁-學無憂（www.yzddtk.cn）</title>
<script language="JavaScript">
   var MESSAGE="支持倫敦奧運會，支持上海世博會 "; 
//狀態欄顯示的文本
//彈出文本的主要方法
function snapIn(jumpSpaces,position) 
{
  var msg = MESSAGE;
  var out = "";
  //循環讀取文本信息
  for (var i=0; i<position; i++) 
    {out += msg.charAt(i);}
  //生成100個空格
  for (i=1;i<jumpSpaces;i++) 
    {out += " ";}
  //依次讀取文本信息
  out += msg.charAt(position);
  //在狀態欄顯示文本信息
  window.status = out;
  //實現從右邊彈出文本的方法
  if (jumpSpaces <= 1) {
    position++;
    if (msg.charAt(position) == ' ') 
      {position++; }
    jumpSpaces = 100-position;
  } 
  else if (jumpSpaces >  3)
     {jumpSpaces *= .75;}
  else
    {jumpSpaces--;}
  if (position != msg.length) {
    var cmd = "snapIn(" + jumpSpaces + "," + position + ")";
    scrollID = window.setTimeout(cmd,scroll.delay);
//根據定時器，循環彈出文本
  } else {    
    window.status="";    
    jumpSpaces=0;
    position=0;
    cmd = "snapIn(" + jumpSpaces + "," + position + ")";
    scrollID = window.setTimeout(cmd,scroll.delay);
    return false; }
  return true;
}
snapIn(100,0);
</script>
</head>
<body>
</body>
</html>

【運行效果】
運行效果
【難點剖析】
本例的重點是狀態欄的文字顯示。IE中的狀態欄使用window對象的“status’’屬性：從右邊彈出文字主要是依靠位置的變化，使用“100一position”的方法從右邊往左邊顯示文字。
【源碼下載】
如果你不愿復制代碼及提高代碼準確性，你可以點擊：JS代碼實現狀態欄文字從右彈出 進行本實例源碼下載 

      
      

        

          
       

        

      

      
      

        
標簽：
                      

        
      

      
      

        
相關文章

        
      

      
      

        
 熱門軟件/ 推薦游戲/ 手機軟件 

        

          
          
          
          
          
          
        

      

      
      

        

      

      
    


    
    

      

        
資訊分類

      

      

                Dreamweaver
                Flash
                DIV+CSS
                編程其他
              

      

        
推薦教程

      

      

        
      

      

        
精品軟件推薦

      

      

        

          

          
        

      

    

  






            
 ∧ 

        

    


    

        

            Copyright2012-2022 軟件學堂(www.yzddtk.cn).All Rights Reserved

            備案編號:贛ICP備2023000421號
                    

    





欧美一级一极性活片免费观看,欧美一级艳片欧美精品,欧美一级性爱大片,欧美一级囗交视频 视频,欧美一级特黄录像视频