Question

I have a webpage. I want to change the icon on button down (this would be enough for me to understand but I’d be glad if you’d describe a way to animate icon after button click).

Answer 1

If you do want to change the favicon, jball’s solution will not work, because browsers don’t seem to notice when an existing <link> changes. You need to remove the existing tag and insert a new one:

$(document).ready(function(){
    $('#favicon').remove();
    $('head').append('<link href="http://example.com/favicon.ico" id="favicon" rel="shortcut icon">');
});

NB This supposes that your original favicon link has the id favicon.