ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Кнопка вверх функция вниз для uCoz

Кнопка вверх функция вниз для uCoz

Кнопка вверх функция вниз для uCoz
Это простая и нужная функция, которая поднимает страницу а также ее опускает. Нет здесь стрелок, просто одни надписи, и будут показывать, там где вы вверху или ниже. Сам код не большой и его нужно разместить вверх сайта в самом низу и тогда он будет работать и покажется с левой стороны. Так как все написано, вы можете переписать, что то свое емкое и понятное вписать, но это вам виднее, теперь сам код.

Кнопка вверх функция вниз для uCoz

Код
<a style="display:none;position:fixed;height:100%;width:150px;top:40;" href="javascript://" id="toDown"> <b style="color:#888;padding-left:15px;">Вниз</b> </a>  
  <a style="display:none;position:fixed;height:100%;width:150px;top:40;" href="javascript://" id="toTop"> <b style="color:#888;padding-left:15px;">Наверх</b> </a>  
  <script>  
  $(window).scroll(function(){  
  if($(window).scrollTop() > "300"){  
  $('#toTop').fadeIn();  
  $('#toDown').hide();  
  }else if($(window).scrollTop() == "0"){  
  $('#toTop').fadeOut();  
  $('#toDown').fadeIn();  
  }  
  });  
  $('#toTop').click(function(){  
  $('html, body').animate({scrollTop:0}, 350);  
  $('#toDown').fadeIn();  
  });  
  $('#toDown').click(function(){  
  $('html, body').animate({scrollTop:$('body').height()}, 350);  
  $('#toDown').fadeOut();  
  });  
  </script>
04 Января 2016 Просмотров: 1713 Комментариев: (10)
Поделиться в социальных сетях

Материал разместил
Kosten
Похожие материалы

Оставь свой отзыв

Комментарии: 10
Сопрано
Сопрано 04 Января 2016 03:441
0
Что то больше напоминает как на одной сети популярной, но немного похоже. А так в описание написано, что вами если что придумаете, что написать, молодец, такие описание читать приятно.
Kosten
Kosten 04 Января 2016 03:452
0
Но, как могу, что что то не правильно написал, просто копировать не научился и приходится писать самому.
Kvint
Kvint 04 Января 2016 03:493
0
Я сразу поставил, думал как в контакте, а здесь просто одни надписи, но это лучше, чем кнопки, то просто надоели, все похожие, только разным цветом и скорость устраивает.
Сопрано
Сопрано 04 Января 2016 04:334
0
Да здесь рядом этот сайт не стоял, разве что с одной стороны они и все.
Kosten
Kosten 04 Января 2016 04:436
0
Но разве написал, что похожий как в контакте, не чем, простые надписи и все, которые может кто то поменяет, например, вира - вверх, в низ забыл как говорят.
Kosten
Kosten 04 Января 2016 04:415
0
Но а зачем тянуть, нужно опробовать. Так как наверно кнопки уже надоели, теперь простые надписи будут.
Kosten
Kosten 04 Января 2016 05:398
0
Но и как уже проверил, работает нормально, то как говорил, там E-mail нужно прописать, но в коде найти не сложно, все очень понятно.
csretven
csretven 04 Января 2016 04:457
0
В полне нормальный скрипт, но не думаю, что чемто от других так сильно отличается.
Марковичь
Марковичь 05 Января 2016 00:129
0
И кто там такой зрячий, что увидел, точ но такой же дизайн как в еонтакте. Но там вопервых вообще нет надписи и всякой щелухи, а просто навел и кликнул и смотришь вверх где стрелка. А что по скриптц, его не нужно под оттенок делать,а сделать прозрачным, чтоб видно было саму полосу.
Kosten
Kosten 05 Января 2016 00:4910
0
Да вот думал, но стараюсь больше как есть ставить,но иногда приходиться и немного поправитьв цветовой гамме. И здесь можно, но посмотрим, хотя по мне название это оптимальный вариант, и погремушек не нужно.
Войдите:
avatar