Показать сообщение отдельно
  #2 (permalink)  
Старый 12.03.2017, 03:33
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

подсветка таблицы
Agapkin,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
   .fm-table td.hover, .fm-table tr:hover{background: #c9e4f1;}
   .fm-table td:hover {background: #039be5;color: #FFF;}
  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

  <script>
$(function() {
    $(".fm-table").on("mouseenter mouseleave", "td", function(a) {
        $("td:nth-child(" + ++this.cellIndex + ")", a.delegateTarget)
        ["mouseenter" == a.type ? "addClass" : "removeClass"]("hover")
    })
});
  </script>
</head>

<body>
  	<h4>Женские размеры:</h4>
  <table class="table fm-table fixed">
    <tbody>
      <tr>
        <td>См</td>
        <td>21</td>
        <td>21,5</td>
        <td>22,5</td>
        <td>23</td>
        <td>23,5</td>
        <td>24,5</td>
        <td>25</td>
        <td>25,5</td>
        <td>26,5</td>
        <td>27</td>
        <td>27,5</td>
      </tr>
      <tr>
        <td>RUS</td>
        <td>33</td>
        <td>34</td>
        <td>35</td>
        <td>36</td>
        <td>37</td>
        <td>38</td>
        <td>39</td>
        <td>40</td>
        <td>41</td>
        <td>42</td>
        <td>43</td>
      </tr>
      <tr>
        <td>EUR</td>
        <td>34</td>
        <td>35</td>
        <td>36</td>
        <td>37</td>
        <td>38</td>
        <td>39</td>
        <td>40</td>
        <td>41</td>
        <td>42</td>
        <td>43</td>
        <td>44</td>
      </tr>
      <tr>
        <td>UK</td>
        <td>2</td>
        <td>2,5</td>
        <td>3,5</td>
        <td>4</td>
        <td>5</td>
        <td>6</td>
        <td>6,5</td>
        <td>7,5</td>
        <td>8</td>
        <td>9</td>
        <td>9,5</td>
      </tr>
      <tr>
        <td>US</td>
        <td>4</td>
        <td>4,5</td>
        <td>5,5</td>
        <td>6</td>
        <td>7</td>
        <td>8</td>
        <td>8,5</td>
        <td>9,5</td>
        <td>10</td>
        <td>11</td>
        <td>11,5</td>
      </tr>
    </tbody>
  </table>
  <h4>Мужские размеры:</h4>
  <table class="table fm-table fixed">
    <tbody>
      <tr>
        <td>См</td>
        <td>24,5</td>
        <td>25</td>
        <td>25,5</td>
        <td>26,5</td>
        <td>27</td>
        <td>27,5</td>
        <td>28,5</td>
        <td>29</td>
        <td>29,5</td>
        <td>30,5</td>
        <td>31</td>
      </tr>
      <tr>
        <td>RUS</td>
        <td>38</td>
        <td>39</td>
        <td>40</td>
        <td>41</td>
        <td>42</td>
        <td>43</td>
        <td>44</td>
        <td>45</td>
        <td>46</td>
        <td>47</td>
        <td>48</td>
      </tr>
      <tr>
        <td>EUR</td>
        <td>39</td>
        <td>40</td>
        <td>41</td>
        <td>42</td>
        <td>43</td>
        <td>44</td>
        <td>45</td>
        <td>46</td>
        <td>47</td>
        <td>48</td>
        <td>49</td>
      </tr>
      <tr>
        <td>UK</td>
        <td>6</td>
        <td>6,5</td>
        <td>7,5</td>
        <td>8</td>
        <td>9</td>
        <td>9,5</td>
        <td>10,5</td>
        <td>11,5</td>
        <td>12</td>
        <td>13</td>
        <td>13,5</td>
      </tr>
      <tr>
        <td>US</td>
        <td>6,5</td>
        <td>7</td>
        <td>8</td>
        <td>8,5</td>
        <td>9,5</td>
        <td>10</td>
        <td>11</td>
        <td>12</td>
        <td>12,5</td>
        <td>13,5</td>
        <td>14</td>
      </tr>
    </tbody>
  </table>
  <h4>Детские размеры (RUS 16 - 25.5):</h4>
  <table class="table fm-table fixed">
    <tbody>
      <tr>
        <td>См</td>
        <td>9,5</td>
        <td>10</td>
        <td>10,5</td>
        <td>11</td>
        <td>11,5</td>
        <td>12</td>
        <td>12,5</td>
        <td>13</td>
        <td>13,5</td>
        <td>14</td>
        <td>14,5</td>
        <td>15</td>
        <td>15,5</td>
        <td>16</td>
      </tr>
      <tr>
        <td>RUS</td>
        <td>16</td>
        <td>16,5</td>
        <td>17</td>
        <td>18</td>
        <td>19</td>
        <td>19,5</td>
        <td>20</td>
        <td>21</td>
        <td>22</td>
        <td>22,5</td>
        <td>23</td>
        <td>24</td>
        <td>25</td>
        <td>25,5</td>
      </tr>
      <tr>
        <td>EUR</td>
        <td>17</td>
        <td>17,5</td>
        <td>18</td>
        <td>19</td>
        <td>20</td>
        <td>20,5</td>
        <td>21</td>
        <td>22</td>
        <td>23</td>
        <td>23,5</td>
        <td>24</td>
        <td>25</td>
        <td>26</td>
        <td>26,5</td>
      </tr>
      <tr>
        <td>UK</td>
        <td>1,5</td>
        <td>-</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
        <td>-</td>
        <td>4,5</td>
        <td>5,5</td>
        <td>6</td>
        <td>6,5</td>
        <td>7</td>
        <td>7,5</td>
        <td>8,5</td>
        <td>9</td>
      </tr>
      <tr>
        <td>US</td>
        <td>2</td>
        <td>-</td>
        <td>2,5</td>
        <td>3,5</td>
        <td>4,5</td>
        <td>-</td>
        <td>5</td>
        <td>6</td>
        <td>6,5</td>
        <td>7</td>
        <td>7,5</td>
        <td>8</td>
        <td>9</td>
        <td>9,5</td>
      </tr>
    </tbody>
  </table>
  <h4>Детские размеры (RUS 26 - 36):</h4>
  <table class="table fm-table fixed">
    <tbody>
      <tr>
        <td>См</td>
        <td>16,5</td>
        <td>17</td>
        <td>17,5</td>
        <td>18</td>
        <td>18,5</td>
        <td>19</td>
        <td>19,5</td>
        <td>20</td>
        <td>20,5</td>
        <td>21</td>
        <td>21,5</td>
        <td>22</td>
        <td>22,5</td>
        <td>23</td>
      </tr>
      <tr>
        <td>RUS</td>
        <td>26</td>
        <td>27</td>
        <td>28</td>
        <td>28,5</td>
        <td>29</td>
        <td>30</td>
        <td>31</td>
        <td>31,5</td>
        <td>32</td>
        <td>33</td>
        <td>34</td>
        <td>34,5</td>
        <td>35</td>
        <td>36</td>
      </tr>
      <tr>
        <td>EUR</td>
        <td>27</td>
        <td>28</td>
        <td>29</td>
        <td>29,5</td>
        <td>30</td>
        <td>31</td>
        <td>32</td>
        <td>32,5</td>
        <td>33</td>
        <td>34</td>
        <td>35</td>
        <td>35,5</td>
        <td>36</td>
        <td>37</td>
      </tr>
      <tr>
        <td>UK</td>
        <td>9,5</td>
        <td>10</td>
        <td>11</td>
        <td>-</td>
        <td>11,5</td>
        <td>12,5</td>
        <td>13</td>
        <td>13,5</td>
        <td>1</td>
        <td>2</td>
        <td>2,5</td>
        <td>3</td>
        <td>3,5</td>
        <td>4</td>
      </tr>
      <tr>
        <td>US</td>
        <td>10</td>
        <td>10,5</td>
        <td>11,5</td>
        <td>-</td>
        <td>12</td>
        <td>13</td>
        <td>13,5</td>
        <td>1</td>
        <td>1,5</td>
        <td>2,5</td>
        <td>3</td>
        <td>3,5</td>
        <td>4</td>
        <td>4,5</td>
      </tr>
    </tbody>
  </table>

</body>
</html>
Ответить с цитированием