скрипт кнопочки вверх для сайта - Форум о сайтостроении


  • Страница 1 из 1
  • 1
Форум о сайтостроении » Форум аниме клона » Яваскрипты - Фреймворки - Слайдеры и прочие фени » скрипт кнопочки вверх для сайта
скрипт кнопочки вверх для сайта
Alexiya Дата: Вторник, 20.05.2014, 14:04 | Сообщение # 1
Группа: Администраторы
Сообщений: 179
Репутация: 11
Статус: Offline
Уже на многих сайтах можно увидеть кнопочку "вверх" - это очень удобно не крутить колёсико мыши а нажать на кнопочку
biggrin
И теперь давайте рассмотрим javascript кнопочки вверх


Код
<div class="up_sl">
<script type="text/javascript" src="http://anime-rutub.moy.su/amv_cent/up.js"></script>
<a rel="nofollow" href='#' onclick="return up()">
<img src="http://anime-rutub.moy.su/amv_cent/up_sl.png" height="20" title="Вверх">
</a>
</div>

В данном случае скрипт вставлен в отдельный файл и вызывается при нажатии на кнопочку вверх
а теперь код самого скрипта
Код
function up() {  var top = Math.max(document.body.scrollTop,document.documentElement.scrollTop);       
       if(top > 0) {       
       window.scrollBy(0,((top+100)/-10));       
       t = setTimeout('up()',20);       
       } else clearTimeout(t);       
       return false; }

А вот рабочий пример применения данного скрипта на нашем проекте
с танцующей вокалойдкой Мику и помимо кнопочки вверх в данном меню
собраны ссылки на авторизацию и регистрацию


Код
<!-- android-->
<link type="text/css" rel="StyleSheet" href="http://anime-clone.my1.ru/animeclon/img1/clone_style.css" />
<div id="android">
<div><img class="and_img" src="http://anime-clone.my1.ru/img/anika.gif" alt="Привет!"></div>
<div id="android_inner">
<div class="and_mess">   
<h3 style="margin:0 0 0 0;">Меню пользователя</h3>
<div>
   $WDAY$, $DATE$, $TIME$<br><br>
   <?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?><!--<s5200>-->Вы вошли как<!--</s>--> <a href="$PERSONAL_PAGE_LINK$" title="Мой профиль"><b>$USERNAME$</b></a> | <!--<s3167>-->Группа<!--</s>--> "<u>$USER_GROUP$</u>"<?else?><!--<s5212>-->Приветствую Вас<!--</s>--> <b>$USERNAME$</b><?endif?><br><br><?endif?>
   <a href="$HOME_PAGE_LINK$" title="Главная"><!--<s5176>-->Главная<!--</s>--></a><?if($USER_LOGGED_IN$)?> | <a href="$PERSONAL_PAGE_LINK$" title="Мой профиль"><!--<s5214>-->Мой профиль<!--</s>--></a><?else?> | <a href="$REGISTER_LINK$" title="Регистрация"><!--<s3089>-->Регистрация<!--</s>--></a><?endif?> <?if($USER_LOGGED_IN$)?> | <a href="$LOGOUT_LINK$" title="Выход"><!--<s5164>-->Выход<!--</s>--></a><?else?> | <a href="$LOGIN_LINK$" title="Вход"><!--<s3087>-->Вход<!--</s>--></a><?endif?> <?if($RSS_LINK$)?>| <a href="$RSS_LINK$" title="RSS">RSS</a><?endif?>
</div>
</div>
<div class="inn">   
</div>   
<div class="inn_link"></div>
<div class="up_sl">
<script type="text/javascript" src="http://anime-rutub.moy.su/amv_cent/up.js"></script>
<a rel="nofollow" href='#' onclick="return up()"><img src="http://anime-rutub.moy.su/amv_cent/up_sl.png" height="20" title="Вверх"></a>   
<div>   
</div>
</div>
<!-- /android-->

Если у вас возникнут вопросы по установке скрипта, то пишите в тему и мы попробуем разобраться как установить данный скрипт на вашем сайте.


аниме топ сайтов + статья о вашем сайте
Оставь на форуме 50 сообщений и получи анкорную ссылку в подписи!
 
Форум о сайтостроении » Форум аниме клона » Яваскрипты - Фреймворки - Слайдеры и прочие фени » скрипт кнопочки вверх для сайта
  • Страница 1 из 1
  • 1
Поиск:



Copyright Аниме Клон © 2018

Привет!
Меню пользователя
Суббота, 23.06.2018, 03:07

Приветствую Вас Гость

Главная | Регистрация | Вход | RSS