登录 | 注册 | FAQ
Anonymous

Ajuda âncora

+ 发表回复

4 篇帖子 分页: 1 / 1


Ajuda âncora

marcosmaranzana » 周四 2月 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!!
头像

marcosmaranzana

  • 帖子: 5
  • 注册: 周四 2月 13, 2014 5:11 pm

Re: Ajuda âncora

XainPro » 周五 2月 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
头像

XainPro

  • 帖子: 3933
  • 注册: 周五 2月 17, 2012 8:10 pm

Re: Ajuda âncora

marcosmaranzana » 周三 2月 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!
头像

marcosmaranzana

  • 帖子: 5
  • 注册: 周四 2月 13, 2014 5:11 pm

Re: Ajuda âncora

XainPro » 周四 2月 20, 2014 9:57 am

usar apenas 1 em cima
头像

XainPro

  • 帖子: 3933
  • 注册: 周五 2月 17, 2012 8:10 pm


+ 发表回复

分页: 1 / 1