Выезжающая панель от $USERNAME$ - Форум ProUcoz.com - Выезжающая панель от $USERNAME$ - Форум ProUcoz.com
Суббота 07:59 | 25.03.2017
Свежие темы · Участники · Правила форума · Поиск · RSS
Страница 1 из 11
Модератор форума: GrandDooM, FR3cH 
Форум ProUcoz.com » Готовые скрипты и интересные решения для системы uCoz » Другие скрипты для uCoz » Выезжающая панель от $USERNAME$
Выезжающая панель от $USERNAME$
FR3cH[Нет на сайте]
Дата: Четверг, 14.06.2012, 02:15 | Сообщение # 1
Хитрец всем хитрым
Сообщений: 213
Посмотреть пример

Выезжает при наводке мышью.
Полностью кроссбраузерная.
На чистом 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$  
         <br />  
            Кстати, на чистом JS, без jQuery <img rel="usm" src="http://megasoft.3dn.ru/emoticons/Sypsena.gif" border="0" align="absmiddle" alt=":)">  
         <br />  
            Хотя кого это волнует.  
        </span>  
       </div>


Внутри неё можно поставить форму входа, регистрации, мини-профиль, информер — в-общем, всё что захотите.


 
Российская ФедерацияReronage[Нет на сайте]
Дата: Четверг, 14.06.2012, 15:41 | Сообщение # 2
Сообщений: 182
полезная вещь, надо будет под свой сайт настроить и поставить smile
 
Форум ProUcoz.com » Готовые скрипты и интересные решения для системы uCoz » Другие скрипты для uCoz » Выезжающая панель от $USERNAME$
Страница 1 из 11
Поиск: