войти с помощью гугл-почты >>> /+/+/+/+ <<<

Форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Форум поддержки » Предлагаемые скрипты для форумов » Кнопки "вверх-вниз" как на этом форуме



Бесплатные форумы

Кнопки "вверх-вниз" как на этом форуме

Сообщений 1 страница 2 из 2

1

Код:
<!--кнопки вверх вниз-->
    <div class="go-up" id='ToTop'><img src="https://forumstatic.ru/files/0017/a9/4b/67295.png" border="0" width=100%/></div>
    <div class="go-down" id='OnBottom'><img src="https://forumstatic.ru/files/0017/a9/4b/75592.png" border="0" width=100%/></div>
    <style>
    .go-up,.go-down {
    display:none;
    position:fixed; /*позиционируем*/
    right:5px; /*указываем положение, если слева - left*/
    z-index:9999; /*показываем поверх все элементов на странице*/
    cursor:pointer;
    opacity:.7; /*прозрачность*/
    margin-bottom:5px; /*отступ снизу (можно не указывать)*/
    width:32px; /*ширина кнопки*/
    height:32px; /*высота кнопки*/
    }
    .go-up {
    bottom:65px; /*положение от низа окна браузера верхняя кнопка*/
    }
    .go-down {
    bottom:25px; /*положение от низа окна браузера нижняя кнопка кнопка*/
    }
    .go-down:hover,.go-up:hover {
    opacity:1;
    }
    </style>
    <script type="text/javascript">
    $(function(){
    if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow")
    $(window).scroll(function(){
      if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow")
      else $("#ToTop").fadeIn("slow")
    });
    if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow")
    $(window).scroll(function(){
      if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow")
      else $("#OnBottom").fadeIn("slow")
    });
    $("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")})
    $("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")})
    });
    </script>

вставлять в Формы-ХТМЛ верх

0

2

id='ToTop'><img src="https://forumstatic.ru/files/0017/a9/4b/67295.png"

кн вверх



-=-=--=-=-=-=-


go-down" id='OnBottom'><img src="https://forumstatic.ru/files/0017/a9/4b/75592.png"

кн вниз

0


Вы здесь » Форум поддержки » Предлагаемые скрипты для форумов » Кнопки "вверх-вниз" как на этом форуме


Форумы ForumsClub.ru 2021 Создать бесплатный форум