помогите с jQuery

Discussion in 'Болталка' started by Kandi, 16 Oct 2011.

  1. Kandi

    Kandi Member

    Joined:
    18 Nov 2009
    Messages:
    344
    Likes Received:
    17
    Reputations:
    0
    Добрый вечер) вот такая вот у меня проблема, имеется 5 элементов <li>, надо как-то определить на какой навели мышку и обработать hover. Подскажите как это сделать?!)
     
  2. |qbz|

    |qbz| Banned

    Joined:
    25 Dec 2009
    Messages:
    385
    Likes Received:
    169
    Reputations:
    65
    Ну если тебе надо для всех сделать одинаковый hover, то делается просто:

    <style>
    .kandi:hover{color:eek:range;}
    </style>

    <li class="kandi">aaa<li>
    <li class="kandi">bbb<li>
    <li class="kandi">ccc<li>
    <li class="kandi">ddd<li>
    <li class="kandi">eee<li>

    Если тебе надо именно определить какой-то конкретный li, то делается это через иды, имена и поиск по тегам:

    ИДы:
    <script>
    function operaciya_s_li_po_idu(id)
    {
    document.getElementById(id).style.color = 'orange';
    }
    </script>
    <li class="kandi" onMouseOver="operaciya_s_li_po_idu('li_1');" id="li_1">aaa<li>
    <li class="kandi" onMouseOver="operaciya_s_li_po_idu('li_2');" id="li_2">bbb<li>
    <li class="kandi" onMouseOver="operaciya_s_li_po_idu('li_3');" id="li_3">ccc<li>
    <li class="kandi" onMouseOver="operaciya_s_li_po_idu('li_4');" id="li_4">ddd<li>
    <li class="kandi" onMouseOver="operaciya_s_li_po_idu('li_5');" id="li_5">eee<li>

    Имена:
    <script>
    function operaciya_s_li_po_imeni(name)
    {
    document.getElementsByName(name)[0].style.color = 'orange';
    }
    </script>
    <li class="kandi" onMouseOver="operaciya_s_li_po_imeni('li_1');" name="li_1">aaa<li>
    <li class="kandi" onMouseOver="operaciya_s_li_po_imeni('li_2');" name="li_2">bbb<li>
    <li class="kandi" onMouseOver="operaciya_s_li_po_imeni('li_3');" name="li_3">ccc<li>
    <li class="kandi" onMouseOver="operaciya_s_li_po_imeni('li_4');" name="li_4">ddd<li>
    <li class="kandi" onMouseOver="operaciya_s_li_po_imeni('li_5');" name="li_5">eee<li>

    Поиск по тегам:
    <script>
    function poisk_po_tegu(key)
    {
    document.getElementsByTagName('li')[key].style.color = 'orange';
    }
    </script>
    <li class="kandi" onMouseOver="poisk_po_tegu(0);">aaa<li>
    <li class="kandi" onMouseOver="poisk_po_tegu(1);">bbb<li>
    <li class="kandi" onMouseOver="poisk_po_tegu(2);">ccc<li>
    <li class="kandi" onMouseOver="poisk_po_tegu(3);">ddd<li>
    <li class="kandi" onMouseOver="poisk_po_tegu(4);">eee<li>
     
  3. Kandi

    Kandi Member

    Joined:
    18 Nov 2009
    Messages:
    344
    Likes Received:
    17
    Reputations:
    0
    Спасибо, вроде бы разобрался :)