1. 首頁
  2. 問答
  3. HTML：防止選框區域變空？

HTML：防止選框區域變空？

2012-07-02 28 views
0

有一個選框上升。 當文字滾動完畢（再次出現之前），選框區變空2秒左右，然後再次回來。HTML：防止選框區域變空？

有沒有什麼方法可以防止它變空，並且在最後一行出現之前讓第一行出現？

http://jsfiddle.net/WArVQ/2/

來源

2012-07-02 user1091856

+0

我假設你正在使用某種形式的JavaScript的插件。你知道哪一個？ –

+0

我們很少繼續。請包含與您的方法相關的實現代碼/標記/樣式，最好還包括http://jsfiddle.net演示。 –

+0

no no javascript插件。這是純粹的HTML – user1091856

回答

0

您可以使用JavaScript做到這一點：

<!DOCTYPE html> 
<html> 
<head> 
    <title>Scroll demo</title> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
</head> 
<body> 
    <div id="container" style="position: absolute; width: 200px; height: 200px; background-color: grey"> 
    </div> 
    <script type="text/javascript"> 
     var maxy = 200; // adjust 
     var lineHeight = 17; // adjust 
     var lines = new Array("line1", "line2", "line3"); 
     var textDivs = new Array(lines.length); 
     for(var i=0;i<lines.length;i++) { 
      var divx = document.createElement("div"); 
      var divxText = document.createTextNode(lines[i]); 
      divx.style.top=String(maxy-(lines.length-i)*lineHeight)+"px"; 
      divx.style.position="absolute"; 
      divx.appendChild(divxText); 
      textDivs[i] = divx; 
      document.getElementById("container").appendChild(divx); 
     } 

     window.setInterval("scroll()", 50); 
     function scroll() { 
      for(var i=0;i<textDivs.length;i++) { 
       var divx = textDivs[i]; 
       var y = parseInt(divx.style.top); 
       y = y-1; 
       if(y<0) y = maxy-lineHeight; 
       divx.style.top =String(y)+"px"; 
      } 
     } 
    </script> 
</body> 
</html>

來源

2012-07-02 11:40:37

相關問題

 相關問題