BJ_web_developers / javaplatform

Commit a98b654fe19f1efa1933ea7998687f314de100fe

Authored by liuqimichale
1 parent 85c09b4e

index 调用排行榜

Inline Side-by-side
Showing 5 changed files with 74 additions and 3 deletions
css/libCss/common.css
  View file @a98b654
@@ -230,6 +230,8 @@ section{ @@ -230,6 +230,8 @@ section{
230 .ranking-list{ 230 .ranking-list{
231 height: 534px; 231 height: 534px;
232 background-color: #f9f9f9; 232 background-color: #f9f9f9;
  233 + overflow-y: scroll;
  234 + overflow-x: hidden;
233 } 235 }
234 .ranking-list li{ 236 .ranking-list li{
235 padding-left: 24px; 237 padding-left: 24px;
@@ -251,6 +253,15 @@ section{ @@ -251,6 +253,15 @@ section{
251 text-align: center; 253 text-align: center;
252 vertical-align:text-top; 254 vertical-align:text-top;
253 } 255 }
  256 +.ranking-list li:nth-of-type(1) div:nth-of-type(1){
  257 + background: url("../../image/ranking-icon-1.png") no-repeat center 11px;
  258 +}
  259 +.ranking-list li:nth-of-type(2) div:nth-of-type(1){
  260 + background: url("../../image/ranking-icon-2.png") no-repeat center 11px;
  261 +}
  262 +.ranking-list li:nth-of-type(3) div:nth-of-type(1){
  263 + background: url("../../image/ranking-icon-3.png") no-repeat center 11px;
  264 +}
254 .ranking-list li div:nth-of-type(2){ 265 .ranking-list li div:nth-of-type(2){
255 color: #1f2b3d; 266 color: #1f2b3d;
256 float: left; 267 float: left;
image/ranking-icon-1.png 0 → 100644
View file @a98b654

1.14 KB
image/ranking-icon-2.png 0 → 100644
View file @a98b654

1.18 KB
image/ranking-icon-3.png 0 → 100644
View file @a98b654

1.31 KB
index.html
  View file @a98b654
@@ -85,20 +85,80 @@ @@ -85,20 +85,80 @@
85 </div> 85 </div>
86 <ul class="ranking-list"> 86 <ul class="ranking-list">
87 <li> 87 <li>
88 - <div>1</div> 88 + <div></div>
89 <div title="任你停微信支付接口">任你停微信支付接口任你停微信支付接口</div> 89 <div title="任你停微信支付接口">任你停微信支付接口任你停微信支付接口</div>
90 <div>99</div> 90 <div>99</div>
91 </li> 91 </li>
92 <li> 92 <li>
93 - <div>1</div> 93 + <div></div>
94 <div title="任你停微信支付接口">任你停微信支付接口任你停微信支付接口</div> 94 <div title="任你停微信支付接口">任你停微信支付接口任你停微信支付接口</div>
95 <div>99</div> 95 <div>99</div>
96 </li> 96 </li>
97 <li> 97 <li>
98 - <div>1</div> 98 + <div></div>
99 <div title="任你停微信支付接口">任你停微信支付接口任你停微信支付接口</div> 99 <div title="任你停微信支付接口">任你停微信支付接口任你停微信支付接口</div>
100 <div>99</div> 100 <div>99</div>
101 </li> 101 </li>
  102 + <li>
  103 + <div>7</div>
  104 + <div title="任你停微信支付接口">任你停微信支付接口任你停微信支付接口</div>
  105 + <div>99</div>
  106 + </li>
  107 + <li>
  108 + <div>8</div>
  109 + <div title="任你停微信支付接口">任你停微信支付接口任你停微信支付接口</div>
  110 + <div>99</div>
  111 + </li>
  112 + <li>
  113 + <div>9</div>
  114 + <div title="任你停微信支付接口">任你停微信支付接口任你停微信支付接口</div>
  115 + <div>99</div>
  116 + </li>
  117 + <li>
  118 + <div>10</div>
  119 + <div title="任你停微信支付接口">任你停微信支付接口任你停微信支付接口</div>
  120 + <div>99</div>
  121 + </li>
  122 + <li>
  123 + <div>11</div>
  124 + <div title="任你停微信支付接口">任你停微信支付接口任你停微信支付接口</div>
  125 + <div>99</div>
  126 + </li>
  127 + <li>
  128 + <div>12</div>
  129 + <div title="任你停微信支付接口">任你停微信支付接口任你停微信支付接口</div>
  130 + <div>99</div>
  131 + </li>
  132 + <li>
  133 + <div>7</div>
  134 + <div title="任你停微信支付接口">任你停微信支付接口任你停微信支付接口</div>
  135 + <div>399</div>
  136 + </li>
  137 + <li>
  138 + <div>88</div>
  139 + <div title="任你停微信支付接口">任你停微信支付接口任你停微信支付接口</div>
  140 + <div>299</div>
  141 + </li>
  142 + <li>
  143 + <div>99</div>
  144 + <div title="任你停微信支付接口">任你停微信支付接口任你停微信支付接口</div>
  145 + <div>199</div>
  146 + </li>
  147 + <li>
  148 + <div>7</div>
  149 + <div title="任你停微信支付接口">任你停微信支付接口任你停微信支付接口</div>
  150 + <div>9</div>
  151 + </li>
  152 + <li>
  153 + <div>8</div>
  154 + <div title="任你停微信支付接口">任你停微信支付接口任你停微信支付接口</div>
  155 + <div>9</div>
  156 + </li>
  157 + <li>
  158 + <div>9</div>
  159 + <div title="任你停微信支付接口">任你停微信支付接口任你停微信支付接口</div>
  160 + <div>9</div>
  161 + </li>
102 </ul> 162 </ul>
103 </div> 163 </div>
104 </div> 164 </div>