Пятница, 11.07.2025, 10:34
Меню сайта
    Форма входа
    Категории раздела
    скрипты для ucoz сайта [3099]
    шаблоны для ucoz скачать [2660]
    Иконки групп для форума [25]
    Графика для сайта [1953]
    шаблоны psd для фотошопа [27]
    кисти для фотошопа [39]
    уроки фотошопа на русском языке [4]
    стили для фотошопа [3]
    шрифты для фотошопа cs4 [12]
    Web-master [3058]
    Поиск
    Календарь
    «  Март 2009  »
    Пн Вт Ср Чт Пт Сб Вс
          1
    2345678
    9101112131415
    16171819202122
    23242526272829
    3031
    Архив записей
    Наш опрос
    Умеете ли вы писать скрипты для ucoz?
    Всего ответов: 73
    Мини-чат
    200
    Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz
  • Статистика

    Онлайн всего: 2
    Гостей: 2
    Пользователей: 0
    Главная » 2009 » Март » 22 » Красивое меню наподобие MAC OS
    19:02
    Красивое меню наподобие MAC OS
    Это уже было но в той записи было написано не подробно и я решил написать всё подробно:).


    Итак. Перед </head> Ставим это:

    Code
    <style>
    a img.MenuImg {border: 0px none; }
    </style>
    <script src="http://free-manga.net.ru/scripts/jquery-1.2.6.js"></script>

    Там где будет меню
    Перед <body>:

    Code
    <div id="TheMenu"></div>

    И наконец меню. Меню будет в самом верху страницы. Это вы можете вставить куда угодно (всё равно будет вверху). Но для лучшей работы ставьте сразу после шапки:

    Code
    <script>
    Icons = ['http://allru.ucoz.net/menu/189.png', 'http://allru.ucoz.net/menu/165.png', 'http://allru.ucoz.net/menu/003.png', 'http://allru.ucoz.net/menu/picture_clipping.png', 'http://allru.ucoz.net/menu/34.png', 'http://allru.ucoz.net/menu/56.png', 'http://allru.ucoz.net/menu/567.png'];
    URLs = ['http://www.allru.ucoz.net/', 'http://www.allru.ucoz.net/dir/', 'http://www.allru.ucoz.net/forum/', 'http://www.allru.ucoz.net/photo/', 'http://www.allru.ucoz.net/index/0-20', 'http://www.allru.ucoz.net/index/0-7/', 'http://www.apofig.ru/index.php?ind=topsite&op=submit_rate&ide=481'];
    Orientation = 'h';
    Heights = [128, 100, 80, 60];
    Opacities = [1.0, 0.8, 0.4, 0.15];
    MenuAlign = 'center';
    VAlign = 'top';
    HAlign = 'center';
    Speed = 250;

    MenuCode = '<table id="MenuTable" style="height: ' + (Heights[0] - - 10) + 'px; ">';
    if (Orientation === 'h') {
      MenuCode += '<tr>';
      for (i = 0; i < Icons.length; i++) {
      MenuCode += '<td valign="' + VAlign + '"><a href="' + URLs[i] + '"><img style="height: ' + Heights[Heights.length - 1] + 'px; " src="' + Icons[i] + '" class="MenuImg"></a></td>';
      }
      MenuCode += '</tr>';
    } else {
      for (i = 0; i < Icons.length; i++) {
      MenuCode += '<tr><td align="' + HAlign + '"><a href="' + URLs[i] + '"><img style="height: ' + Heights[Heights.length - 1] + 'px; " src="' + Icons[i] + '" class="MenuImg"></td></a></tr>';
      }
    }
    MenuCode += '</table>';
    $('#TheMenu').html(MenuCode).attr('align', MenuAlign);

    $('img.MenuImg').animate({height: Heights[Heights.length - 1] + "px", opacity: Opacities[Opacities.length - 1]}, 1).each(function (j) {
    jQuery(this).hover(function () {
      $('img.MenuImg').stop();
      for (i = 0; i < $('img.MenuImg').length; i++) {
      jQuery('img.MenuImg:eq(' + i + ')').animate({height: (Math.abs(i - j) < Heights.length ? Heights[Math.abs(i - j)] + "px" : Heights[Heights.length - 1] + "px"), opacity: (Math.abs(i - j) < Opacities.length ? Opacities[Math.abs(i - j)] : Opacities[Opacities.length - 1])}, Speed);
      }
      }, function () {
      });
    });

    $('#MenuTable').hover(function () {

    }, function () {
      $('img.MenuImg').stop().animate({height: Heights [Heights.length - 1] + "px", opacity: Opacities[Opacities.length - 1]}, Speed);
    });
    </script>

    Ну что и где менять я думаю вы поймёте. Если нет, то пишите тут.

    Категория: скрипты для ucoz сайта | Просмотров: 1323 | Добавил: allru | Рейтинг: 5.0/1
    Всего комментариев: 5
    5 FEDka  
    1
    извините за мат, дума bogdan4eg меня поймет, а ты музоф, иди нахуй мудак!!! нашел, блять способ раскрутить сайт! если бы казни не призннали бы не гуманными, я бы отрезал тебе пальцы и пришил те их к жопе...

    4 allru  
    0
    знаю...

    3 NoName74  
    0
    спс =)
    З.Ы. Ты аццкий сатана! твой скрипт # 666 happy killed

    2 allru  
    0
    У меня стояло немного. Мне нравилось. Но к моему сайту не подходило.

    1 -=FoX=-  
    0
    круто=) наверно, но кажеться класно biggrin

    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]