ФорумПрограммированиеJavaScript → Раскрывающееся меню

Раскрывающееся меню

  • chhek

    Сообщения: 61 Репутация: N Группа: Кто попало

    Spritz 18 января 2010 г. 16:34, спустя 2 часа 24 минуты 15 секунд

    Проблема в следующем:
    есть меню при наведении на один из пунктов открывается дочернее меню, но при нескольким раз его открытия оно потом перестает раскрыватся.01 <script type="text/javascript">
    02	//<![CDATA[ 
    03
    04  $(document).ready(function(){
    05       $("#tmmcell_4").mouseover( function()    {$("#um_cell4").stop().animate({opacity: "show"}, "fast");});  
    06      $("#tmmcell_4").mouseout( function()  {$("#um_cell4").stop().animate({opacity: "hide"}, "fast");});    
    07      
    08      $("#tmmcell_1").mouseover( function() {$("#um_cell1").stop().animate({opacity: "show"}, "fast");});  
    09      $("#tmmcell_1").mouseout( function()  {$("#um_cell1").stop().animate({opacity: "hide"}, "fast");});    
    10      
    11      $("#tmmcell_2").mouseover( function() {$("#um_cell2").stop().animate({opacity: "show"}, "fast");});  
    12      $("#tmmcell_2").mouseout( function()  {$("#um_cell2").stop().animate({opacity: "hide"}, "fast");});    
    13      
    14      $("#tmmcell_3").mouseover( function() {$("#um_cell3").stop().animate({opacity: "show"}, "fast");});  
    15      $("#tmmcell_3").mouseout( function()  {$("#um_cell3").stop().animate({opacity: "hide"}, "fast");});        
    16 });
    17
    18  //]]>
    19    </script>
  • chhek

    Сообщения: 61 Репутация: N Группа: Кто попало

    Spritz 18 января 2010 г. 12:51, спустя 20 часов 16 минут 29 секунд

    данный пункт (Портфолио) прекращает свою работоспособность если быстро проведешь несколько раз на него…возможно это из-за того что стоит плавное появление и исчезновение?
  • adw0rd

    Сообщения: 22905 Репутация: N Группа: в ухо

    Spritz 18 января 2010 г. 14:10, спустя 1 час 19 минут 16 секунд

    Оно просто постепенно исчезает, а не "перестает открываться"
    Спустя 115 сек.
    видимо так часто наводите, что он не успевает изменить opacity
    Спустя 37 сек.
    то есть он плавно меняет и в момент возвращения на исходный opacity - он не успевает, а вы снова наводите
    Спустя 161 сек.
    в качестве быстрого решения - надо перед animate сделать паузу небольшую…
    А если посерьезному - то надо уже сорцы плагина/либы смотреть
    adw/0
  • chhek

    Сообщения: 61 Репутация: N Группа: Кто попало

    Spritz 18 января 2010 г. 16:42, спустя 2 часа 31 минуту 56 секунд

    Обозвал функцию My и добавив

    <script language="JavaScript">
    setTimeout('My();', 2000);
    </script>


    чуда не произошло :(
  • adw0rd

    Сообщения: 22905 Репутация: N Группа: в ухо

    Spritz 18 января 2010 г. 18:18, спустя 1 час 36 минут 23 секунды

    chhek, а что вы ожидали от setTimeout?
    adw/0
  • chhek

    Сообщения: 61 Репутация: N Группа: Кто попало

    Spritz 19 января 2010 г. 0:44, спустя 6 часов 26 минут 5 секунд

    ставил интервал - все равно…
  • adw0rd

    Сообщения: 22905 Репутация: N Группа: в ухо

    Spritz 19 января 2010 г. 1:42, спустя 57 минут 26 секунд


    chhek, а что вы ожидали от setTimeout?
    adw/0
  • chhek

    Сообщения: 61 Репутация: N Группа: Кто попало

    Spritz 19 января 2010 г. 7:01, спустя 5 часов 19 минут 17 секунд



    chhek, а что вы ожидали от setTimeout?



    добавить паузу…
    повторюсь, что и попробовал добавить
    <script language="JavaScript">

    setInterval('My();', 2000);

    </script>

    но увы - ничего…
  • Ewg777

    Сообщения: 510 Репутация: N Группа: Джедаи

    Spritz 19 января 2010 г. 7:03, спустя 2 минуты

    	function sec() {
     alert("прошла секунда")
    }
    setInterval(sec, 1000) // использовать функцию

    http://javascript.ru/setInterval
  • chhek

    Сообщения: 61 Репутация: N Группа: Кто попало

    Spritz 19 января 2010 г. 7:40, спустя 36 минут 43 секунды

    Ребята, конечно спасибо, но решение я нашел в простой замене:

    	<script language="JavaScript">
    $(document).ready(function mmenu(){
    $("#tmmcell_4").mouseover( function() {$("#um_cell4").stop().show()});
    $("#tmmcell_4").mouseout( function() {$("#um_cell4").stop().hide()});

    $("#tmmcell_1").mouseover( function() {$("#um_cell1").stop().show()});
    $("#tmmcell_1").mouseout( function() {$("#um_cell1").stop().hide()});

    $("#tmmcell_2").mouseover( function() {$("#um_cell2").stop().show()});
    $("#tmmcell_2").mouseout( function() {$("#um_cell2").stop().hide()})

    $("#tmmcell_3").mouseover( function() {$("#um_cell3").stop().show()});
    $("#tmmcell_3").mouseout( function() {$("#um_cell3").stop().hide()})
    });
    </script>
  • adw0rd

    Сообщения: 22905 Репутация: N Группа: в ухо

    Spritz 19 января 2010 г. 7:42, спустя 2 минуты 27 секунд

    Ну вот, чтение манула спасает на 90%
    adw/0
  • phpdude

    Сообщения: 26624 Репутация: N Группа: в ухо

    Spritz 19 января 2010 г. 8:58, спустя 1 час 16 минут 13 секунд


    	function sec() {
     alert("прошла секунда")
    }
    setInterval(sec, 1000) // использовать функцию

    http://javascript.ru/setInterval
    жс 1.5, в старый ссылк на фукцию не катит ..
    Сапожник без сапог

Пожалуйста, авторизуйтесь, чтобы написать комментарий!