前端智勇大闖關-第二季-第二題

愛六六發表於2013-02-25
前端

元宵節快樂，哈哈哈。。。

搬運工之解

HTML：

<!--  textarea 元素  placeholder新屬性  -->
<textarea id="mtest" class="mtextarea" placeholder="請在這兒輸入適當的CSS程式碼"></textarea>

 
CSS：

// textarea樣式
.mtextarea{
  height: 140px;
  width: 260px;
  border: 1px solid #CCCCCC;
  margin-left: 2em;
  margin-right: 25px;
  padding: 2px;
  resize: none;
}

// 搬運工採用 absolute(relative、absolute)  left  top
// 旋轉：transform: rotate(0deg);

JS：

(function(){
   var mtest = document.getElementById("mtest");
   var mtest_div = document.getElementById("mtest_div");
   mtest.onblur = function(){
      var txt = this.value;
      txt = txt.replace(/s/ig, "").split(";").join(";");
      mtest_div.setAttribute("style",txt);
   };
})();

 


相關文章