Setinha Voltar para o Topo =3

Sabe aquela setinha que quando você clica vai para o topo da página? Sim, é essa que nós vamos aprender a colocar hoje! É um tutorial rápido e que vale a pena!

1º vá  no seu HTML e procure por </body> . Abaixo da tag destacada cole o código: 

1º vá  no seu HTML e procure por </body> . Abaixo da tag destacada cole o código: 

texto <script type = '/ "language =" javascript Javascript '> 
var scrolltotop = { 
/ / startline: Integer. Número de pixels da parte superior da barra de rolagem doc é rolada antes de mostrar controle 
/ / scrollTo: Palavra-chave (Integer, ou "Scroll_to_Element_ID"). Como muito para rolar documento até quando o controle é clicado (1 = top). 
configuração: {startline: 100, scrollTo: 0, scrollduration: 1000 fadeduration,: [500, 100]}, 
controlHTML: '<img src = "COLOQUE AQUI O URL DA IMAGEM "/> ', / / HTML para controle, que é auto envolto em DIV w / id =" "TopControl 
controlattrs: {offsetX: 5, offsetY: 5}, / / offset de controle em relação a direita / centro de canto da janela 
anchorkeyword: "# top ', / / Digite o valor href de âncoras HTML na página que também deve atuar como" Role Up "links 
estado: {IsVisible: false, shouldvisible: false}, 
scrolldown: function () { 
if (! this.cssfixedsupport) / / se o controle é posicionado usando JavaScript 
esta ({opacity: 0}) $ control.css. / controle / hide imediatamente após clicar ele 
var dest = isNaN (this.setting.scrollto)? this.setting.scrollto: parseInt (this.setting.scrollto) 
if (typeof dest == "string" jQuery && ('#' + dest) comprimento == 1.) / elemento de verificação / definir por string existe 
dest jQuery = ( . '#' + dest) offset () superior. 
outra 
dest = 0 
isto $ body.animate ({scrollTop: dest}., this.setting.scrollduration); 
}, 
KEEPFIXED: function () { 
var janela $ jQuery = ( janela) 
var controlx = $ window.scrollLeft () + $ window.width () - este $ control.width () -. this.controlattrs.offsetx 
var controlY = $ window.scrollTop () + $ window.height () - este $ control.height () - this.controlattrs.offsety. 
este $ control.css ({left: controlx + 'px', top: controlY + 'px'}). 
}, 
togglecontrol: function () { 
var scrollTop jQuery = ( janela). scrollTop () 
if (! this.cssfixedsupport) 
this.keepfixed () 
this.state.shouldvisible = (scrollTop> = this.setting.startline)? verdade: false 
if (&& this.state.shouldvisible this.state.isvisible!) { 
$ control.stop este () animar.. (opacidade {: 1}, this.setting.fadeduration [0]) 
this.state.isvisible = true 
} 
else if (this.state.shouldvisible == false && this.state.isvisible) { 
essa opacidade $ control.stop () animar ({:.. 0}, mainobj = scrolltotop var iebrws = document.all mainobj.cssfixedsupport = iebrws | | && iebrws document.compatMode == "" && CSS1Compat window.XMLHttpRequest / / Não IE ou IE7 + navegadores em modo de padrões . mainobj corpo $ = (window.opera ) (document.compatMode == "CSS1Compat" $ ('html'?):? $ ('body')): $ ('html, body') . mainobj $ controle = $ ('<div id = "TopControl" > '+ mainobj.controlHTML +' </ div> ') . css ({position:? mainobj.cssfixedsupport 'fixo': 'absoluto', inferior: mainobj.controlattrs.offsety, direita: mainobj.controlattrs.offsetx, opacidade: 0 , cursor: 'ponteiro'}) attr:. ({title 'Role Voltar ao topo'}) {mainobj.scrollup (); return false}) click (function (). appendTo ('body'). if (document. todos && mainobj && window.XMLHttpRequest $ control.text () ='') / / verificação solta para o IE6 e abaixo, mais se o controle contém qualquer texto!.! mainobj $ control.css ({width:. mainobj $ controle.. largura ()}) / / IE6-parece exigir uma largura explícita em um texto DIV contendo mainobj.togglecontrol () $ ('a [href = "' + mainobj.anchorkeyword + '"]'). click (function () { mainobj.scrollup () return false }) $ (window). bind ('resize scroll', function (e) { mainobj.togglecontrol () }) }) } } scrolltotop.init () </ script>

Ex de Imagens =)