Форум

Купить место

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]

Страница 1 из 1
1

Форум » Скрипты для uCoz » Меню для сайта » Меню вылетает с лева (by DarkUltimate)

Меню вылетает с лева

DarkUltimate - [Offline]

Дата: Суббота, 25.02.2012, 13:22 | Сообщение # 1

Сообщений: 97

Награды: 0 +

Ето в CSS:

Code

.blockmenu {height:20px;width: 160px;font: normal 11px Arial, Helvetica, sans-serif;text-align: left;}
  .blockmenu a:link,.blockmenu a:visited {height:20px;width: 180px;color:#DCDCDC;text-decoration:none;padding:3px 0px 0px 7px;line-height:18px;display:block;font-weight:normal;background: url(http://up-rise.ru/Design/1/img/24.png)no-repeat;text-align: left;}
  .blockmenu a:hover {height:20px;width: 180px;color:#ffffff;text-decoration:none;padding:3px 0px 0px 7px;line-height:18px;display:block;font-weight:normal;background:url('http://up-rise.ru/Design/1/img/25.png')no-repeat;text-align: left;}

js код:
Кидаем в Блокнот и сохроняем как sliding_effect.js и залеваем в файловый менеджер

Code

$(document).ready(function()
  {
     slide("#sliding-navigation", 25, 15, 150, .8);
  });

  function slide(navigation_id, pad_out, pad_in, time, multiplier)
  {
     // creates the target paths
     var list_elements = navigation_id + " li.sliding-element";
     var link_elements = list_elements + " a";

     // initiates the timer used for the sliding animation
     var timer = 0;

     // creates the slide animation for all list elements
     $(list_elements).each(function(i)
     {
      // margin left = - ([width of element] + [total vertical padding of element])
      $(this).css("margin-left","-180px");
      // updates timer
      timer = (timer*multiplier + time);
      $(this).animate({ marginLeft: "0" }, timer);
      $(this).animate({ marginLeft: "15px" }, timer);
      $(this).animate({ marginLeft: "0" }, timer);
     });

     // creates the hover-slide effect for all link elements
     $(link_elements).each(function(i)
     {
      $(this).hover(
      function()
      {
       $(this).animate({ paddingLeft: pad_out }, 150);
      },
      function()
      {
       $(this).animate({ paddingLeft: pad_in }, 150);
      });
     });
  }

В блок:

Code

Форум » Скрипты для uCoz » Меню для сайта » Меню вылетает с лева (by DarkUltimate)

Страница 1 из 1
1