欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS模仿編輯器實時改變文本框?qū)挾群透叨却笮〉姆椒?/h1>
 更新時間:2015年08月17日 16:28:14   作者:企鵝  
這篇文章主要介紹了JS模仿編輯器實時改變文本框?qū)挾群透叨却笮〉姆椒?涉及javascript鼠標事件及頁面元素樣式的動態(tài)操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下

本文實例講述了JS模仿編輯器實時改變文本框?qū)挾群透叨却笮〉姆椒?。分享給大家供大家參考。具體如下:

這里演示JS模仿編輯器中實時改變文本框大小,包括寬度和高度的方法,在一些在線編輯器,比如eWebEditor中,就有一個功能,讓文本框不斷的增大或減小,以適應(yīng)頁面的大小,這個功能是如何實現(xiàn)的呢?請您參考一下這個程序,相信你會從中獲益。

運行效果截圖如下:

在線演示地址如下:

http://demo.jb51.net/js/2015/js-editor-cha-width-height-codes/

具體代碼如下:

<html>
<head>
<title>改變文字區(qū)域的高寬</title>
<script language="javascript">
<!--
 function addrows(){
  rows = form1.txt.rows;
  rows++;
  form1.txt.rows = rows;
 }
 function addcols(){
  cols = form1.txt.cols;
  cols++;
  form1.txt.cols = cols;
 }
//-->
</script>
</head>
<body>
<form name="form1">
 <textarea name="txt"></textarea>
 <input type="button" value="增加高" onClick="addrows()">
 <input type="button" value="增加寬" onClick="addcols()">
</form>
</body>
</html>

希望本文所述對大家的javascript程序設(shè)計有所幫助。

相關(guān)文章

最新評論