Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Cristian Munhoz

Efeito deslizante

Por , em Javascript

Recommended Posts

Cristian Munhoz    0

Cristian Munhoz
Postado

Boa Noite Pessoal,

 

Outro navegando eu vi um efeito bem legal em um site, ao clicar no link, abria a pagina do outro lado com efeito deslizante. Hoje estou desenvolvedo um manual online com Tree, estou usando frame com duas colunas, esquerda(menu) e direta (conteudo), no conteudo utilizo ANCORA para nãi ficar criando uma pagina para cada menu, dessa forma esta ok funcionando legal de forma estatica.

 

Gostaria de adicionar um efeito deslizante quando eu clicar no menu, a pagina do lado direito ROLAR ate chegar no ponto da ancora...alguém poderia me dar uma luz como conseguir esse efeito. Qualquer ajuda já é um começo para iniciar a pesquisa.

 

Obrigada

 

Abraço

Cristian

Compartilhar este post

Link para o post
Compartilhar em outros sites

Cristian Munhoz    0

Cristian Munhoz
Postado

Pessoal me deparei com um problema, esse exemplo não funciona com Frame, ou não estou conseguindo adaptar de forma correta.

 

Segue o codigo do index.html

 

<html>
<head>
<title>Manual do Sistema Gaudi Gestão</title>
</head>
<frameset cols="25%,*" frameborder="1" scrolling="auto" noresize>
	<frame src="tree.html" name="tree">
	<frame src="apresentacao.html" name="centro">
</frameset>
</html>

Segue o codigo do tree.html.

 

<html>
<head>
<title>Manual</title>
<script src='http://www.google.com/jsapi' /></script>
<script>
   google.load("prototype","1.6.0.3");
   google.load("scriptaculous", "1.8.2");
</script>
</head>
<body>
<UL>
    <li>
	<ul>
	    <li><a href='Manual_adm.html#menu1' target='centro' onclick='new Effect.ScrollTo("menu1",{offset:-140}); return false'>Cadastro de usuário</a></li>
	</ul>

	<ul>
	    <li><a href='Manual_adm.html#menu2' target='centro' onclick='new Effect.ScrollTo("menu2",{offset:-140}); return false'>Exclusão de usuário</a></li>
	</ul>

        <ul>
	    <li><a href='Manual_adm.html#menu3' target='centro' onclick='new Effect.ScrollTo("menu3",{offset:-140}); return false'>Alteração de usuário</a></li>
	</ul>

	<ul>
	     <li><a href='Manual_adm.html#menu4' target='centro' onclick='new Effect.ScrollTo("menu4",{offset:-140}); return false'>Criando perfil de usuário</a></li>
	</ul>
	</li>
</UL>
</body>
</html>

Segue o codigo da pagina Manual_adm.html

<html>
<head><title></title></head>
<body>
<a name="menu1"></a>
.
..
<a name="menu2"></a>
.
..
<a name="menu3"></a>
.
..
<a name="menu4"></a>
</body>
</html>

Erro quando clico no link menu usando o firebug

 

   $(element) is null
   ScrollTo()("menu4")
   onclick(click clientX=125, clientY=61)
   elementOffsets = $(element).cumulativeOffset();

Alguem pode me ajudar, onde estou errando.

 

Obrigado

abraço

Cristian

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito