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 230 .ranking-list{
231 231 height: 534px;
232 232 background-color: #f9f9f9;
  233 + overflow-y: scroll;
  234 + overflow-x: hidden;
233 235 }
234 236 .ranking-list li{
235 237 padding-left: 24px;
... ... @@ -251,6 +253,15 @@ section{
251 253 text-align: center;
252 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 265 .ranking-list li div:nth-of-type(2){
255 266 color: #1f2b3d;
256 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 85 </div>
86 86 <ul class="ranking-list">
87 87 <li>
88   - <div>1</div>
  88 + <div></div>
89 89 <div title="任你停微信支付接口">任你停微信支付接口任你停微信支付接口</div>
90 90 <div>99</div>
91 91 </li>
92 92 <li>
93   - <div>1</div>
  93 + <div></div>
94 94 <div title="任你停微信支付接口">任你停微信支付接口任你停微信支付接口</div>
95 95 <div>99</div>
96 96 </li>
97 97 <li>
98   - <div>1</div>
  98 + <div></div>
99 99 <div title="任你停微信支付接口">任你停微信支付接口任你停微信支付接口</div>
100 100 <div>99</div>
101 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 162 </ul>
103 163 </div>
104 164 </div>
... ...