php_js_css_html——杨辉三角

<?php

function yanghui($lines){
   echo '<head id=hd><head/>'; //头部插入css样式
   echo '<a id=cow>',$lines,'</a>';
   echo '<a id=column>',($lines - $lines%2)/2 + ($lines%2),'</a>';//想要设定每个表格遵从一样的宽度，
                                                                  　　　　　　　　　　 //就要获取值最大的一个数所占的宽度
                                                                 　　　　　　　　　　 //这里首先获取这个数的位置。
                                                                 　　　　　　　　　　 //利用JS代码获取它的宽度，css设置TD宽度
   echo '<table >';//一个表格放一个数
   for($i=1;$i<=$lines;++$i){
       echo '<tr>';
               for($x=1;$x<=$lines-$i;++$x)//杨辉三角的数值排列有N行N列第一个数最顶端已经有一个1
               {echo '<td>&nbsp</td>';}    //等腰三角形要考虑1左边的空格数量，所以这里是$lines-$i;
       for($j=1;$j<=$i;++$j){

           echo '<td id=',$i,$j,'>'; //每个表格的id="11" 1行1列，随着循环而改变

           //第一列，对角线
           if($j==1 || $j==$i)
           {
               echo $data[$i][$j] = 1;//先赋值，再输出
           }
           else
           {
               echo $data[$i][$j] = $data[$i-1][$j] + $data[$i-1][$j-1];//每一个数的值是该数上方两数之和

           }
           echo '</td>','<td>&nbsp</td>';       //每循环一次加一个空格
           }

       echo '</tr>';
   }
   echo '</table>';
echo
'<script type="text/javascript">
   var cow = document.getElementById("cow").innerHTML
   var column = document.getElementById("column").innerHTML

   var td = document.getElementById(cow+column)
   var width_td = td.offsetWidth
   var hd = document.getElementById("hd")
   var stl = document.createElement("style")
   stl.innerHTML = "a{visibility: hidden;} td { width:"+ width_td +"px;text-align: center;color:green;}"
   hd.appendChild(stl)
</script>';
}

yanghui(15);

posted @ 2016-03-12 00:55 执迷不悟。阅读(668) 评论(0) 收藏举报

刷新页面返回顶部