14:50
Обновить
Выезжающая панель от $USERNAME$ - Форум
cszona-portal.net.ru
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Скрипты для uCoz » Другие скрипты для uCoz » Выезжающая панель от $USERNAME$
Выезжающая панель от $USERNAME$

Sanek94

Дата: Вторник, 20.07.2010, 23:19 | Сообщение # 1
.::Главный::
Группа: Vip
Сообщений: 69
« 10000 »
Статус: Offline
Посмотреть пример
Выезжает при наводке мышью.
Полностью кроссбраузерная.
На чистом JavaScript, никакого jQuery.

Установка:

1. Установим скрипт, который будет реализовывать плавание панели:

Code
  <script type="text/javascript">
         function slide(obj, direction, a) {
          clearInterval(window.z);
          counter = 0;
          z = setInterval(function () {
           if (a ? parseInt(obj.style.marginTop) < 0 : parseInt(obj.style.marginTop) > -300) {
            obj.style.marginTop = parseInt(obj.style.marginTop) + direction;
            counter++;
           } else {
            clearInterval(z);
           }
          },
          10);
         }
         var pad = document.getElementById('x');
         pad.onmouseover = function () {
          slide(this, 3, true);
         }
         pad.onmouseout = function () {
          slide(this, -3, false);
         }
         </script>

2. Установим саму панель:

Code
  <div id="x" style="width: 100%; height: 300px; border-bottom: 5px dashed #eee; background: #555; position: absolute; margin-top: -300px;">
          <span style="color: white; font-weight: bold;">
              Slide Panel by $USERNAME$
             

              Кстати, на чистом JS, без jQuery <img rel="usm" src="http://megasoft.3dn.ru/emoticons/Sypsena.gif" border="0" align="absmiddle" alt=":)">
             

              Хотя кого это волнует.
          </span>
         </div>

По-моему очень неплохой и полезный скрипт.

Ещё раз уточняю автор: $USERNAME$.


По всем вопросам icq или в личку

Форум » Скрипты для uCoz » Другие скрипты для uCoz » Выезжающая панель от $USERNAME$
  • Страница 1 из 1
  • 1
Поиск:

Вверх