^{<del id="vayvh"></del>}

textarea內(nèi)實(shí)現(xiàn)行的翻頁效果

2012/10/22 19:48:15作者：佚名來源：網(wǎng)絡(luò)

移動(dòng)端

【實(shí)例名稱】

【實(shí)例描述】

textareaa中內(nèi)容太多時(shí)，會出現(xiàn)滾動(dòng)條，以支持對內(nèi)容的瀏覽。本例學(xué)習(xí)如何通過兩個(gè)按鈕，實(shí)現(xiàn)行的上下滾動(dòng)。

【實(shí)例代碼】

  <html> 
<head> 
<title>表格顯示數(shù)據(jù)表記錄</title> 
</head> 
<body> 
<textarea id=myTxt style="overflow:hidden" width="20" height="20">
測試數(shù)據(jù)
測試數(shù)據(jù)
測試數(shù)據(jù)
測試數(shù)據(jù)
測試數(shù)據(jù)
測試數(shù)據(jù)
測試數(shù)據(jù)
測試數(shù)據(jù)
測試數(shù)據(jù)
測試數(shù)據(jù)
</textarea> 
<button onmouseup=stop() onmousedown=up()>上翻</button><button onmousedown=down() onmouseup=stop()>下翻</button> 
<script> 
var Timer=null; 
function up() 
 {myTxt.doScroll("scrollBardown") //調(diào)用滾動(dòng)條，實(shí)現(xiàn)上翻
  Timer=setTimeout("up()",100) 
 } 
function down() 
{myTxt.doScroll("scrollBarUp") //調(diào)用滾動(dòng)條，實(shí)現(xiàn)下翻
  Timer=setTimeout("down()",100) 
 } 
function stop() 
{clearTimeout(Timer)} //清空定時(shí)器
</script> 
</body> 
</html>

【運(yùn)行效果】

運(yùn)行效果