Test Code HTML - CSS - JAVASCRIPT Online

Việc Chạy Thử (Test Thử) CODE là khá quan trọng không chỉ những javascript phức tạp mà cả những mã lệnh HTML hay CSS nếu có trước 1 bản Preview thì sẽ dễ dàng hơn trong việc Design CODE cũng như Style Website. Công Cụ Test thử CODE này cũng giúp cho các bạn xem trước những CODE Share trên mạng trước khi áp dụng vào chính wap/web của mình

Khung nhập mã cần thử

_HƯỚNG DẪN <br/>
+ Đây là JAVA sao rơi trên nền blog, mình lấy làm ví dụ cho bạn! <br/>
+ Bạn hãy click nút "Xem trước nhanh" để xem nhé! <br/>
+ Bấm nút "Xóa mã" để xóa mã này đi và nhập mã bạn muốn test vào! <br/>

<script type='text/javascript'>
//<![CDATA[
  var snowsrc="https://lh5.googleusercontent.com/-YbezE9QoWhk/TmDDDL3UmHI/AAAAAAAAK84/b6XxOqhe-IM/sao.png" // Thay Link hình của bạn vào đây
  var no = 20; // Số ảnh rơi trên blog
  var hidesnowtime =0; // Số giây ảnh biến mất sau khi rơi
  var snowdistance = "pageheight"; // Có thể thay đổi giá trị pageheight thành windowheight

///////////Stop Config//////////////////////////////////

var ie4up = (document.all) ? 1 : 0;
  var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

function iecompattest(){
 return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
 }

var dx, xp, yp;    // coordinate and position variables
  var am, stx, sty;  // amplitude and step variables
  var i, doc_width = 800, doc_height = 600; 
  
  if (ns6up) {
    doc_width = self.innerWidth;
    doc_height = self.innerHeight;
  } else if (ie4up) {
    doc_width = iecompattest().clientWidth;
    doc_height = iecompattest().clientHeight;
  }

dx = new Array();
  xp = new Array();
  yp = new Array();
  am = new Array();
  stx = new Array();
  sty = new Array();
  snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snow.gif" : snowsrc
  for (i = 0; i < no; ++ i) {  
    dx[i] = 0;                        // set coordinate variables
    xp[i] = Math.random()*(doc_width-50);  // set position variables
    yp[i] = Math.random()*doc_height;
    am[i] = Math.random()*20;         // set amplitude variables
    stx[i] = 0.02 + Math.random()/10; // set step variables
    sty[i] = 0.7 + Math.random();     // set step variables
  if (ie4up||ns6up) {
      if (i == 0) {
        document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");
      } else {
        document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\">
<img src='"+snowsrc+"' border=\"0\"><\/div>");
      }
    }
  }

function hidesnow(){
  if (window.snowtimer) clearTimeout(snowtimer)
  for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
 }
  
if (ie4up||ns6up){
    snowIE_NS6();
  if (hidesnowtime>0)
  setTimeout("hidesnow()", hidesnowtime*1000)
  }
//]]>
</script>

Khung xem trước kết quả

Test Code HTML - CSS - JAVASCRIPT Online

Nhận Xét