15 agosto 2014

Aprenda a inserir o botao Subir ao Topo!

Oi meus amores, tudo bom com voces?
E nenhum posto de Hoje, vim trazer Para Voces UMA Ferramenta Muito Útil parágrafo QUEM ASSIM Como eu, E dona de hum blogue. Mas vejamos Pelo lado "leitora", Bom, E Muito chato (ao Menos eu Acho) voce ir visitar hum blogue e when Voce Chega AO FIM Das postagens, Ter that atualizar a Página inteira, POR Localidade: Não existe o Comando OU BOTÃO  " Topo "  Certo? 
Entao Trouxe hum tutorial Bem legal e Fácil de Fazer e Trara hum dinamismo Maior AO Seu Blog, comodidade á SEUS Leitores e agregara Muito Mais valor.




Copie o Código a Seguir, o Como o o Faça alterações necessárias, o Esquema VÁ EM -> Adicionar Gadget -.> HTML / JavaScript Cole o Código, e salve!

<Script type = "text / javascript" src = "http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"> </ script>
<'Text / javascript' script type = Linguagem = 'javascript'>
var scrolltotop = {
// Startline :. Integer Numéro de pixels da Parte Superior da barra de rolagem doc E rolada Antes de mostrar Controle
// ScrollTo: Palavra (Integer, OU "Scroll_to_Element_ID"). Quanto Falta Pará Rolar o Documento quando o Controle E clicado (1 = top).
Definição: {startline: 100, scrollTo: 0, scrollduration: 1000, fadeduration: [500, 100]},
controlHTML: '<img src = " URL DA IMAGEM "/> ', // HTML Para O Controle, Que É auto envolto los DIV w / ID =" TopControl "
controlattrs: {offsetx: 5, OffsetY: 5}, // deslocamento de Controle los Relação AO Direito / centro de canto da Janela
anchorkeyword: '#top', // Digite o valor href de Âncoras de HTML na página que também DEVE atuar ligações Como "Scroll Up"
Estado: {IsVisible: false, shouldvisible: false},
scrollup: function () {
if (this.cssfixedsupport!) // se o Controle ESTA posicionado usando JavaScript
Este $ control.css ({opacidade: 0}). // Esconder Controle apos imediatamente Clicar Nele
var dest = isNaN (this.setting.scrollto)? this.setting.scrollto: parseInt (this.setting.scrollto)
if (typeof dest == "string" && jQuery ('#' + dest) .length == 1) // Verifica Elemento Definido Pela sequencia existe
dest = jQuery ('#' + dest) .Offset (). topo
Mais
dest = 0
Este $ 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: 'px' controlY +}).
},
togglecontrol: function () {
var scrollTop = jQuery (window) .scrollTop ()
if (this.cssfixedsupport!)
this.keepfixed ()
? this.state.shouldvisible = (scrollTop> = this.setting.startline) Verdade: false
if (&& this.state.shouldvisible! this.state.isvisible) {
Este control.stop .. $ () Animar ({opacidade: 1}, this.setting.fadeduration [0])
this.state.isvisible = true
}
else if (this.state.shouldvisible == false && this.state.isvisible) {
Este control.stop .. $ () Animar ({opacidade: 0}, this.setting.fadeduration [1])
this.state.isvisible = false
}
},
o de inicialização: function () {
jQuery (document) .ready (function ($) {
var mainobj = scrolltotop
var iebrws = document.all
mainobj.cssfixedsupport =! iebrws || iebrws && document.compatMode == "CSS1Compat" && window.XMLHttpRequest // de: Não + Navegadores IE uma UO IE7 los Modo de Normas
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: "Subir ao Topo '})
.click (function () {mainobj.scrollup ();} return false)
.appendTo ('body')
if (document.all &&! window.XMLHttpRequest && mainobj. $ control.text ()! = '') // VERIFICAR Solto Para O IE6 e INFERIORES, de Além de se o Controle Contém QUALQUÉR Texto
. mainobj $ control.css ({width:. mainobj $ control.width ()}) // IE6- parece exigir UMA largura Explicita los UMA DIV contendo Texto
mainobj.togglecontrol ()
$ ('A [href = "' + mainobj.anchorkeyword + '"]'). Click (function () {
mainobj.scrollup ()
return false
})
$ (Janela) .bind ('redimensionamento de rolagem', function (e) {
mainobj.togglecontrol ()
})
})
}
}
scrolltotop.init ()
</ Script>


No Início do Código, Onde ha " URL DA SUA IMAGEM ", Troque o Texto Pela url da Sua Imagem Escolhida. 
















Para Copiar URL da Imagem UMA, pressione o BOTÃO Direito do Rato los Cima da Imagem Que voce escolheu, e clique em "Copiar URL da Imagem".

Espero Que tenham gostado dEste tutorial, QUALQUÉR Dúvida deixem Aqui Nos comentários Dar! Tem Mais botoes de voltar ao topo! /! Topo  Aqui !

Nenhum comentário:

Postar um comentário