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);

 

转载于:https://www.cnblogs.com/echo0821/p/5267755.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值