• Страница 1 из 1
  • 1
Форум » Веб-разработка » HTML + CSS — коды » Кнопка наверх для сайта ucoz
Кнопка наверх для сайта ucoz
Kosten
Среда, 29 Августа 2012 | Сообщение 1
Оффлайн
Администраторы
Сообщений:44355
Награды: 70


О скрипте:
Представляю вам красивую в темных тонах кнопку вверх. Сама кнопку будит видна если вам нужно подняться вверх она будит в в правом нижнем углу. Вообщем и глаз мозолить не будит, и для вас , для пользователя она не помешает.
Приступаем к установке:
Копируем этот код и идеи в низ сайта и прописываем в самом низу, все скрипт установлен.
Code
<a href="javascript://" onclick="$('body').scrollTo({top:$('body').offset().top, left:0}, 800);return false;">     
    <div style="position:fixed; opacity:0.8; bottom:0px; right:0px;" id="fImgtotop"><img     
    title="Вверх" src="http://zornet.ru/zornet_ru6/63020218.png" border="0"></div>     
    </a>     
        
    <script type="text/javascript">     
    jQuery(function() {     
    var overelem = jQuery('body');     
        
    jQuery('#nav_up').fadeIn('slow');     
    jQuery('#nav_down').fadeIn('slow');     
        
    jQuery('#nav_down').click(     
    function (e) {     
    jQuery('html, body').animate({scrollTop: overelem.height()}, 800);     
    }     
    );     
    jQuery('#nav_up').click(     
    function (e) {     
    jQuery('html, body').animate({scrollTop: '0px'}, 800);     
    }     
    );     
    });     
    </script>


Источник: uwebo4ka.3dn.ru
Прикрепления: 2311128.jpg (47.9 Kb)
Страна: (RU)
Форум » Веб-разработка » HTML + CSS — коды » Кнопка наверх для сайта ucoz
  • Страница 1 из 1
  • 1
Поиск: