zoukankan      html  css  js  c++  java
  • 第六周周结

    每周一结,这周是动态表格

    <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>活动表格</title> <script type="text/javascript">

    var myArray=new Array(13);

       function mySort()  {   return Math.random()>.5;  }  

    function init(row, col) {

     //0--12    for(var k=0;k<6;k++)  {   myArray[k]=( Math.round( Math.random()*5 )+1);   myArray[k+6]=myArray[k];  }   myArray.sort(mySort);

     var str='<table name="myT" border="1" width="300"  height="300">';  for(var i=1;i<=row;i++)  {   str+="<tr>";   for(var j=0;j<col;j++)   {    str+="<td onclick='judge("+ ((i-1)*col +j )+");'>"    str +="<img id='img_"+ ((i-1)*col +j )+"' src='photo/image0.gif'/>"     str+="</td>";   }   str+="</tr>";  }  str+= "</table>"  // i=1   j=1---3  1 2 3   (i-1)*3+j  //i=2              4 5 6  //document.write(str);  document.getElementById("mt").innerHTML=str; } function createTable() {  var row=document.getElementById("t1").value;  var col=document.getElementById("t2").value;  init(row,col); } function judge(temp) {  //temp  表格单元格编号  1---12

     var currImg=document.getElementById("img_"+temp);  currImg.src="photo/image"+myArray[temp]+".gif";  alert(myArray[temp]); } </script> </head>

    <body> <div id="mt">test</div> <input type="text" value="3" id="t1"/> <input type="text" value="4" id="t2"/> <input type="button" value="生产表格"  onClick="createTable();"/> </body> </html>

  • 相关阅读:
    Xen原理
    KVM系统镜像制作
    KVM原理及使用
    virsh使用总结
    libvirt原理
    虚拟化原理介绍
    TCP协议深度刨析
    TCP Socket通信详细过程
    firewall-cmd 使用总结
    PDO防 SQL注入攻击 原理分析 以及 使用PDO的注意事项
  • 原文地址:https://www.cnblogs.com/aztl/p/5365512.html
Copyright © 2011-2022 走看看