Страница 1 из 11
Форум про uCoz » Раздел uCoz » Скрипты и коды uCoz » Кнопка наверх для сайта ucoz
Кнопка наверх для сайта ucoz
Kosten
Дата: Среда, 29.08.2012, 11:53 | Сообщение # 1
Администраторы
Сообщений:12675
Награды: 39




О скрипте:
Представляю вам красивую в темных тонах кнопку вверх. Сама кнопку будит видна если вам нужно подняться вверх она будит в в правом нижнем углу. Вообщем и глаз мозолить не будит, и для вас , для пользователя она не помешает.
Приступаем к установке:
Копируем этот код и идеи в низ сайта и прописываем в самом низу, все скрипт установлен.
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(48Kb)


Форум про uCoz » Раздел uCoz » Скрипты и коды uCoz » Кнопка наверх для сайта ucoz
Страница 1 из 11
Поиск: