Zaloguj | Zarejestruj | FAQ
Anonymous

Ajuda âncora

+ Odpowiedz

Posty: 4 Strona 1 z 1


Ajuda âncora

przez marcosmaranzana » Cz lut 13, 2014 5:14 pm

Boa tarde galera!

Acabo de terminar meu site pessoal, fiz ele com rolagem na horizontal. Fiz tudo, porém na hora de colocar a âncora simplesmente não funciona, já tentei de tudo, pra não mentir quando coloco uma ancora funciona quando coloco outra já para de funcionar, e código também não funciona. Alguém poderia me ajudar? Aqui está o site: http://www.marcosmaranzana.host56.com (link temporário)

Valew!!
Avatar użytkownika

marcosmaranzana

  • Posty: 5
  • Dołączył(a): Cz lut 13, 2014 5:11 pm

Re: Ajuda âncora

przez XainPro » Pt lut 14, 2014 9:33 pm

Como são os links dentro de uma mesma página?

Você pode criar links internos, dentro da própria página - por exemplo, uma tabela de conteúdos ou índice com links para cada um dos capítulos em uma página. Tudo o que você precisa é usar o atributo id e o símbolo "#".

Use o atributo id para marcar o elemento que é o destino do link. Por exemplo:


<h1 id="heading1">Cabeçalho 1</h1>



Você agora pode criar um link que leve àquele elemento usando o símbolo "#" no atributo do link. O símbolo "#" informa ao navegador para ficar na mesma página que está. O símbolo "#" deve ser seguido pelo valor atribuido a id para onde o link vai. Por exemplo:


<a href="#heading1">Link para o cabeçalho 1</a>



Tudo fica claro com um exemplo:

http://pt-br.html.net/tutorials/html/lesson8.php
Avatar użytkownika

XainPro

  • Posty: 3933
  • Dołączył(a): Pt lut 17, 2012 8:10 pm

Re: Ajuda âncora

przez marcosmaranzana » Śr lut 19, 2014 1:18 am

Porra cara valew mesmo, funcionou! Só tive outro problema, de conflito rs


Tenho dois códigos de jquery na minha página.

No caso esses códigos ficam no head:

<link rel="stylesheet" href="index_files/vlb_files1/vlightbox1.css" type="text/css" />

<link rel="stylesheet" href="index_files/vlb_files1/visuallightbox.css" type="text/css" media="screen" />

<script src="index_files/vlb_engine/jquery.min.js" type="text/javascript"></script>

<script src="index_files/vlb_engine/visuallightbox.js" type="text/javascript"></script>

E esse no fim antes de fechar a body: (animação da âncora)

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="jquery.easing.1.3.js"></script>
<script type="text/javascript">
$(function() {
$('ul li a').bind('click',function(event){
var $anchor = $(this);
/*
if you want to use one of the easing effects:
$('html, body').stop().animate({
scrollLeft: $($anchor.attr('href')).offset().left
}, 1500,'easeInOutExpo');
*/
$('html, body').stop().animate({
scrollLeft: $($anchor.attr('href')).offset().left
}, 1000);
event.preventDefault();
});
})
</script>


Obrigado!
Avatar użytkownika

marcosmaranzana

  • Posty: 5
  • Dołączył(a): Cz lut 13, 2014 5:11 pm

Re: Ajuda âncora

przez XainPro » Cz lut 20, 2014 9:57 am

usar apenas 1 em cima
Avatar użytkownika

XainPro

  • Posty: 3933
  • Dołączył(a): Pt lut 17, 2012 8:10 pm


+ Odpowiedz

Strona 1 z 1