Участник:MailGik/hilarious.js

Замечание. Возможно, после сохранения вам придётся очистить кэш своего браузера, чтобы увидеть изменения.

• Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl-F5 или Ctrl-R (⌘-R на Mac)
• Google Chrome: Нажмите Ctrl-Shift-R (⌘-Shift-R на Mac)
• Internet Explorer: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl-F5
• Opera: Выберите очистку кэша в меню Инструменты → Настройки

/* Добавляет кнопку "Вверх" слева */

var snowId = document.getElementById("footer");
var solfId = document.createElement("a");
solfId.setAttribute("id","gotop");
solfId.setAttribute("title","Back to top");
snowId.appendChild(solfId);
 
function goTop(){
    $(window).scroll(function(e) {
//If the scroll bar at the top of more than 200 elements
    if($(window).scrollTop()>200)
    $("#gotop").fadeIn(100);//In a second interval in the id=gotop element
    else
    $("#gotop").fadeOut(100);//In a second interval fade out the elements of id=gotop
    });
};
$(function(){
    //Click back on top of the elements
    $("#gotop").click(function(e) {
        //Return to top with second interval
        $('body,html').animate({scrollTop:0},100);
    });
    $("#gotop").mouseover(function(e) {
        $(this).css("background","url(http://localhost/images/backtop.gif) no-repeat 0px -100px");
    });
    $("#gotop").mouseout(function(e) {
        $(this).css("background","url(http://localhost/images/backtop.gif) no-repeat 0px 0px");
    });
    goTop();//The fade in and fade out back to the top element
});