master

分支 (1)

管理

管理

master

housing-rental-system
/
loupanxinxi.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="html5 css2/css3 javascript ajax php mysql java javaEE">
<meta name="description" content="专注技术研发，成就顶级高手,专注于html5 css2/css3 javascript ajax php mysql java javaEE技术的研究和实现，热爱技术!">

    <!-- bootstrap3 files -->
<link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<!--样式css-->
<link href="style/main.css" rel="stylesheet">
<link href="style/common.css" rel="stylesheet">
<!--js-file-->
<script>
    $(document).ready(function(){
	     $("td").click(function(){
			 $(this).css({'background-color':"#F9F"});
			 });

		  });

</script>
<title>楼盘信息</title>
</head>

<body>
     <!--top顶部栏-->
     <div id="toplist" role="toplist">

        <ul>
           <li style="width:160px;background:white;"><span>天隆花园16号楼</span></li>
           <li class="yizhu">已租赁</li>
           <li class="peizhu">已配租</li>
           <li class="qianfei">欠费</li>
           <li class="tuizhu">腾退待租</li>
           <li class="qita">其他</li>
        </ul>

     </div>
     <!--房源form区域-->
     <form  role="fangyunNumber" action="">
       <table id="fyNumber" border="1">
          <tr class="firstTr" >
            <td>单元</td>
            <td colspan="3">1单元</td>
            <td colspan="3">2单元</td>
            <td colspan="3">3单元</td>
          </tr>
          <tr>
            <td>1层</td>
            <td class="tuizhu">1-111</td>
            <td class="tuizhu">1-112</td>
            <td class="peizhu">1-113</td>
            <td class="yizhu">1-114</td>
            <td class="tuizhu">1-115</td>
            <td class="peizhu">1-116</td>
            <td class="tuizhu">1-117</td>
            <td class="tuizhu">1-118</td>
            <td class="tuizhu">1-119</td>
          </tr>
          <tr>
            <td>2层</td>
            <td class="tuizhu">2-221</td>
            <td class="tuizhu">2-222</td>
            <td class="tuizhu">2-223</td>
            <td class="peizhu">2-224</td>
            <td class="yizhu">2-225</td>
            <td class="peizhu">2-226</td>
            <td class="tuizhu">2-227</td>
            <td class="yizhu">2-228</td>
            <td class="tuizhu">2-229</td>
          </tr>
          <tr>
            <td>3层</td>
            <td class="yizhu">3-331</td>
            <td class="yizhu">3-332</td>
            <td class="tuizhu">3-333</td>
            <td class="tuizhu">3-334</td>
            <td class="yizhu">3-335</td>
            <td class="tuizhu">3-336</td>
            <td class="yizhu">3-337</td>
            <td class="tuizhu">3-338</td>
            <td class="tuizhu">3-339</td>
          </tr>
          <tr>
            <td>4层</td>
            <td class="tuizhu">4-441</td>
            <td class="peizhu">4-442</td>
            <td class="yizhu">4-443</td>
            <td class="qianfei">4-444</td>
            <td class="tuizhu">4-445</td>
            <td class="yizhu">4-446</td>
            <td class="tuizhu">4-447</td>
            <td class="tuizhu">4-448</td>
            <td class="yizhu">4-449</td>
          </tr>
          <tr>
            <td>5层</td>
            <td class="peizhu"></td>
            <td class="tuizhu"></td>
            <td class="tuizhu"></td>
            <td class="peizhu"></td>
            <td class="yizhu"></td>
            <td class="qianfei"></td>
            <td class="yizhu"></td>
            <td class="tuizhu"></td>
            <td class="tuizhu"></td>

          </tr>
          <tr>
            <td>6层</td>
            <td class="tuizhu"></td>
            <td class="tuizhu"></td>
            <td class="yizhu"></td>
            <td class="qianfei"></td>
            <td class="yizhu"></td>
            <td class="tuizhu"></td>
            <td class="tuizhu"></td>
            <td class="qianfei"></td>
            <td class="tuizhu"></td>

          </tr>
       </table>

     </form>

</body>
</html>