Home  >  Q&A  >  body text

Please take a look and teach me this newbie.

QQ截图20170722144814.png

I now have a table like this. The numbers in it are ages, which are read from the database. The following is the php code

QQ截图20170722145017.png

The effect I require now is to divide the colors according to the zodiac (for example: 01, 13, 25, 37, 49 is a chicken, just write chicken below the age, the background color is red. 02, 14, 26, 38 If you are a monkey, just write monkey below the age, the background color is blue, and so on...), the following is the rendering I made with PS

QQ截图20170722150337.png

Is there any master who can help me? I just learned PHP and I still don’t understand the basics of PHP. I hope the master can give me some advice. Thank you very much.


大浪淘金大浪淘金2668 days ago1199

reply all(4)I'll reply

  • 立伟

    立伟2017-07-26 15:56:06

    Write 12 styles, such as hou ji or 1 2, etc. Set 12 zodiac signs, such as hou ji or 1 2, etc. Just set the style directly when looping

    reply
    0
  • 辕天

    辕天2017-07-24 23:07:34

    <?php
    /*
     * Created on 2017-7-24
     * 十二生肖显示
     * To change the template for this generated file go to
     * Window - Preferences - PHPeclipse - PHP - Code Templates
     */
      error_reporting(0);
    	function num($no){
    		$num = $no % 12; //取模判断生肖,0-11数字对应具体的生肖。测试以1为鼠开始,12对应猪。
    		switch ($num) {
    			case 1:
    				echo "<div style='background-color:#CC3366'>".$no."<br>鼠</div>";
    				break;
    			case 2:
    				echo "<div style='background-color:#FF0000'>".$no."<br>牛</div>";
    				break;
    			case 3:
    				echo "<div style='background-color:#00FF00'>".$no."<br>虎</div>";
    				break;
    			case 4:
    				echo "<div style='background-color:#0000FF'>".$no."<br>兔</div>";
    				break;
    			case 5:
    				echo "<div style='background-color:#FFFF00'>".$no."<br>龙</div>";
    				break;
    			case 6:
    				echo "<div style='background-color:#00FFFF'>".$no."<br>蛇</div>";
    				break;
    			case 7:
    				echo "<div style='background-color:#FF00FF'>".$no."<br>马</div>";
    				break;
    			case 8:
    				echo "<div style='background-color:#C0C0C0'>".$no."<br>羊</div>";
    				break;
    			case 9:
    				echo "<div style='background-color:#7FFFD4'>".$no."<br>猴</div>";
    				break;
    			case 10:
    				echo "<div style='background-color:#8A2BE2'>".$no."<br>鸡</div>";
    				break;
    			case 11:
    				echo "<div style='background-color:#A52A2A'>".$no."<br>狗</div>";
    				break;
    			case 0:
    				echo "<div style='background-color:#FAEBD7'>".$no."<br>猪</div>";
    				break;
    			default:
    				echo "<div style='background-color:#F0F8FF'>".$no."读取数据出错!</div>";
    				break;
    		}
    	}
    
    ?>
    <table border=1; width="600px;">
    	<tr><th>Number</th><th>No.1</th><th>No.2</th><th>No.3</th><th>No.4</th><th>No.5</th><th>No.5</th><th>No.7</th><th>操 作</th></tr>
    	<tr style="text-align:center">
    		<td>Num1</td>
    		<td><?php num(rand(1,49));?></td>
    		<td><?php num(rand(1,49));?></td>
    		<td><?php num(rand(1,49));?></td>
    		<td><?php num(rand(1,49));?></td>
    		<td><?php num(rand(1,49));?></td>
    		<td><?php num(rand(1,49));?></td>
    		<td><?php num(rand(1,49));?></td>
    		<td><a href="#">修改</a>&nbsp;&nbsp;<a href="#">删除</a></td>
    	</tr>
    	<tr style="text-align:center">
    		<td>Num2</td>
    		<td><?php num(rand(1,49));?></td>
    		<td><?php num(rand(1,49));?></td>
    		<td><?php num(rand(1,49));?></td>
    		<td><?php num(rand(1,49));?></td>
    		<td><?php num(rand(1,49));?></td>
    		<td><?php num(rand(1,49));?></td>
    		<td><?php num(rand(1,49));?></td>
    		<td><a href="#">修改</a>&nbsp;&nbsp;<a href="#">删除</a></td>
    	</tr>
    	<tr style="text-align:center">
    		<td>Num3</td>
    		<td><?php num(rand(1,49));?></td>
    		<td><?php num(rand(1,49));?></td>
    		<td><?php num(rand(1,49));?></td>
    		<td><?php num(rand(1,49));?></td>
    		<td><?php num(rand(1,49));?></td>
    		<td><?php num(rand(1,49));?></td>
    		<td><?php num(rand(1,49));?></td>
    		<td><a href="#">修改</a>&nbsp;&nbsp;<a href="#">删除</a></td>
    	</tr>
    	<tr style="text-align:center">
    		<td>Num4</td>
    		<td><?php num(rand(1,49));?></td>
    		<td><?php num(rand(1,49));?></td>
    		<td><?php num(rand(1,49));?></td>
    		<td><?php num(rand(1,49));?></td>
    		<td><?php num(rand(1,49));?></td>
    		<td><?php num(rand(1,49));?></td>
    		<td><?php num(rand(1,49));?></td>
    		<td><a href="#">修改</a>&nbsp;&nbsp;<a href="#">删除</a></td>
    	</tr>
    	<tr style="text-align:center">
    		<td>Num5</td>
    		<td><?php num(rand(1,49));?></td>
    		<td><?php num(rand(1,49));?></td>
    		<td><?php num(rand(1,49));?></td>
    		<td><?php num(rand(1,49));?></td>
    		<td><?php num(rand(1,49));?></td>
    		<td><?php num(rand(1,49));?></td>
    		<td><?php num(rand(1,49));?></td>
    		<td><a href="#">修改</a>&nbsp;&nbsp;<a href="#">删除</a></td>
    	</tr>
    	<tr style="text-align:center">
    		<td>Num6</td>
    		<td><?php num(rand(1,49));?></td>
    		<td><?php num(rand(1,49));?></td>
    		<td><?php num(rand(1,49));?></td>
    		<td><?php num(rand(1,49));?></td>
    		<td><?php num(rand(1,49));?></td>
    		<td><?php num(rand(1,49));?></td>
    		<td><?php num(rand(1,49));?></td>
    		<td><a href="#">修改</a>&nbsp;&nbsp;<a href="#">删除</a></td>
    	</tr>
    	<tr style="text-align:center">
    		<td>Num7</td>
    		<td><?php num(rand(1,49));?></td>
    		<td><?php num(rand(1,49));?></td>
    		<td><?php num(rand(1,49));?></td>
    		<td><?php num(rand(1,49));?></td>
    		<td><?php num(rand(1,49));?></td>
    		<td><?php num(rand(1,49));?></td>
    		<td><?php num(rand(1,49));?></td>
    		<td><a href="#">修改</a>&nbsp;&nbsp;<a href="#">删除</a></td>
    	</tr>
    </table>


    reply
    0
  • 辕天

    辕天2017-07-24 22:54:26

    Set twelve colors, and let each color correspond to a number (and zodiac sign) from 1-12. The test data is randomly generated from 1 to 49, and there may be duplicates. 20170701.png
    A method num($no); $no is to obtain data.
    20170702.png

    For the convenience of testing, all data are randomly generated numbers from 1 to 49.

    20170703.png

    reply
    1
  • 辕天

    The idea is roughly like this. If it is specific, it can be further optimized. It is best that the zodiac sign corresponding to the parameters in the method can be customized.

    辕天 · 2017-07-24 23:06:08
  • ringa_lee

    ringa_lee2017-07-22 15:59:20

    You have to find the pattern. The difference between each number is 12. The chicken sign starts from 1 and adds 12, while the monkey sign starts from 2 and adds 12.

    reply
    0
  • Cancelreply