Эффекты на основе Java Script, jQuery и т.д.

Кнопки ВВЕРХ-ВНИЗ с двух сторон странички

Скопируйте и вставте

Внутри тега <HEAD> - </HEAD>

// Уровень кнопки вверх
			$(window).scroll(function() {
			// вверх
				if ($(this).scrollTop() > 200) {
				// скорость появления и исчезнавения кнопки ВВЕРХ
					$('.go-top').fadeIn(200);
				} else {
					$('.go-top').fadeOut(200);
				}
            // скорость появления и исчезновения кнопки ВНИЗ
				if ($(this).scrollTop() == bHeight) {
					$('.go-bottom').fadeOut(200);
				} else {
					$('.go-bottom').fadeIn(200);
				}
			});
			
			// скорость прокрутки вверх
			$('.go-top').click(function(event) {
				event.preventDefault();
				
				$('html, body').animate({scrollTop: 0}, 1300);
			})

// скорость прокруики вниз
			$('.go-bottom').click(function(event) {
				event.preventDefault();
				
				$('html, body').animate({scrollTop: wHeight}, 1300);
			})
		});
</script>

Основное всё подписано. Стили и параметры кнопок задаются в CSS таблице, файл styles.css. Если Вы хотите что-то изменить Вам нужно, воспользовавшись функцией [Скачать с сервера], скачать данный файл и внести необходимые изменения.

Внутри тега <BODY> - </BODY> в любом месте, я ставли в самом низу перед </BODY>.

Это кнопки. Думаю, всю понятно.

И Вы будите использовать скрипт прямо из моей библиотеки не загружая его к себе на страницу.
Вы экономите место и время.

Если Вы хотите иметь скрипт, чтобы изменять и другие его параметры, воспользуйтесь функцией [Скачать с сервера].
Если Вы не видите этой функции в []- следовательно Вы не зарегистрированы на сайте.Вам надо зарегистрироваться и войти как Пользователь.

Вниз