« Стрелки Вверх и Вниз с запоминающей кнопкой для uCoz »

Описание материала:

Хороший скрипт "Стрелки Вверх и Вниз с запоминающей кнопкой" для uCoz. Как это работает - при нажатие кнопки вверх страница сайта уходит плавно вверх, а при нажатие на кнопку вниз происходит такая же функция только вниз, а если в любом месте нажать на кнопку по середине, то скрипт запомнит данное положение и если нажать на кнопку по середине еще раз скрипт вас вернет на то самое положение.

Установка:

  • Скачиваем архив и заливаем папку images к себе в корень сайта.
  • Заходим в ПУ >>> Управление дизайном >>> Нижняя часть сайта и ставим в самый низ код:
    Код
    <div class="apoud">  
      <div onclick="$('body').scrollTo(0, 300);" class="apou"></div>  
      <div class="apom" title="Запоминалка позиции"></div>  
      <div onclick="$('body').scrollTo($('body').height()+500, 300);" class="apod"></div>  
    </div>  

    <script>  
      var apotop;  
      $('.apom').toggle(function() {  
      $(this).addClass('apomon');  
      apotop = $('body').scrollTop();  
      }, function() {  
      $('body').scrollTo(apotop, 300);  
      $(this).removeClass('apomon');  
      });  
    </script>

  • Заходим в ПУ >>> Управление дизайном >>> Таблица стилей (CSS) и ставим в самый низ код:
    Код
    /* Стрелки Вверх и Вниз с запоминающей кнопкой для uCoz */
    .apoud {  
      position:fixed;  
      z-index:100;  
      bottom:15px;  
      right:15px;  
      }  
       
      .apou, .apom, .apod {  
      cursor:pointer;  
      width:32px;  
      height:32px;  
      }  
       
      .apou {  
      background:url('/images/apouarr.png') no-repeat;  
      }  
      .apom {  
      background:url('/images/apoposoff.png') no-repeat;  
      }  
      .apomon {  
      background:url('/images/apoposon.png') no-repeat;  
      }  
      .apod {  
      background:url('/images/apodarr.png') no-repeat;  
      }
    /*-----------------------*/

    Готова!


    Скачать ( Размер архива 6.1 Kb )

    По данной ссылке, Вы можете скачать или купить архив данного материала

    Установка материала

    Мы поможем установить данный материал к Вам на сайт


    Добавил: YaVi | Категория: Скрипты для uCoz | Просмотров: 1179 | Загрузок: 30


    Поделиться в соц. сетях:

    К данному материалу нет комментариев, но Вы можете стать первым, оставив свой комментарий!

    Комментариев к материалу: 0
    avatar