18:34:32 | 01.11.2024
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Модератор форума: Steam  
Скрипт кнопка навверх
Steam · Оффлайн · Дата: Вторник, 20.09.2011, 21:21:18 | Сообщение # 1

  • Я фанат Maddyson`a
  • Сообщений: 180
  • Награды: 1


Скрипт "Наверх"

Установка:

Перед < /body>

Code
<script type="text/javascript">$(document).ready(function(){$("#back-top").hide();$(function (){$(window).scroll(function (){if ($(this).scrollTop() > 100){$('#back-top').fadeIn()}else{$('#back-top').fadeOut()}});$('#back-top a').click(function (){$('body,html').animate({scrollTop:0},800);return false})})});</script>   
<p id="back-top">   
   <a href="#top"> <img src="http://exta.clan.su/skins/top.gif" border="0" align="absmiddle"> Наверх</a>   
</p>


в CSS:
Code
#back-top{position:fixed;top:30px;right:10px;margin-left:0}  
#back-top a{width:80px;padding-top:10px;height:24px;display:block;text-align:center;font:11px/100% Arial,Helvetica,sans-serif;text-transform:uppercase;text-decoration:none;color:#999;-webkit-transition:1s;-moz-transition:1s;transition:1s}  
#back-top a:hover{color:#666;}


чтобы слева то пишем в CSS

Code
#back-top{position:fixed;top:30px;left:10px;margin-left:0}  
#back-top a{width:80px;padding-top:10px;height:24px;display:block;text-align:center;font:11px/100% Arial,Helvetica,sans-serif;text-transform:uppercase;text-decoration:none;color:#999;-webkit-transition:1s;-moz-transition:1s;transition:1s}  
#back-top a:hover{color:#666;}


P.S неплохо бы на этот сайт скрипт а то лень вверх листать самому! :D


Кивком головы возвышаю FPS.Взмахом руки изгоняю лаги!


  • Страница 1 из 1
  • 1
Поиск: