<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" ><head>	<title>Menu</title>	<script language='javascript' type="text/javascript">  	var scroll = 0;	var old_scroll = 0;		menu_meio.scrollTop = 0;		function scrollanimator() {		if (scroll != 0) {			old_scroll = menu_meio.scrollTop;			menu_meio.scrollTop+=scroll;			if(old_scroll == menu_meio.scrollTop) {				scroll = 0;			}		}	}		function scroll_down() {		scroll = 2;	}		function scroll_up() {		scroll = -2;	}		function scroll_none() {		scroll = 0;	}	</script>		<link href="estilos1.css" rel="stylesheet" type="text/css" />	<!--[if IE]>	<script defer type="text/javascript" src="pngfix.js"></script>	<![endif]--></head><body style="background-image:url('imagens/temp_centro.jpg')" onload="javascript:setInterval('scrollanimator()',1000/60);"><div class="menu_floater">	<a href="#" onmouseover="javascript:scroll_up()" onmouseout="javascript:scroll_none()"><img alt="acima" src="imagens/menu_seta1.png" /></a>	<div id="menu_meio" class="meio" style="overflow:hidden; height:150px">		<ul class="menu_rollover">			<li><div class="status_ok"></div><img alt="notas" style="float:right" src="imagens/marcador1.png" /><a href="#1"><strong>2.0 Arquivos de imagem câmera raw</strong></a></li>			<li><div class="status_ok"></div><a href="#2">  . 2.1– Arquivos câmera raw</a></li>			<li><div class="status_ok"></div><a href="#3">  . 2.2 - Sobre o plug-in câmera raw</a></li>			<li><div class="status_ok"></div><a href="#4">  . 2.3– Como abrir um arquivo ... </a></li>			<li><div class="status_ok"></div><a href="#5">  . 2.4– Arquivos câmera raw</a></li>			<li><div class="status_ok"></div><img alt="notas" style="float:right" src="imagens/marcador1.png" /><a href="#6">  . 2.5 - Sobre o plug-in câmera raw</a></li>			<li><div class="status_faz"></div><img alt="notas" style="float:right" src="imagens/marcador1.png" /><a href="#7">  . 2.6– Como abrir um arquivo ... </a></li>			<li><div class="status_not"></div><a href="#8">  . 2.7– Arquivos câmera raw</a></li>			<li><div class="status_not"></div><a href="#9">  . 2.8 - Sobre o plug-in câmera raw</a></li>			<li><div class="status_not"></div><a href="#10">  . 2.9– Como abrir um arquivo ... </a></li>		</ul>		<br />		<ul class="menu_rollover">			<li><div class="status_off"></div><a href="#1"><strong>3.0 Seleção e recorte</strong></a></li>			<li><div class="status_off"></div><a href="#2">  . 3.1– Arquivos câmera raw</a></li>			<li><div class="status_off"></div><a href="#3">  . 3.2 - Sobre o plug-in câmera raw</a></li>			<li><div class="status_off"></div><a href="#4">  . 3.3– Como abrir um arquivo ... </a></li>			<li><div class="status_off"></div><a href="#5">  . 3.4– Arquivos câmera raw</a></li>			<li><div class="status_off"></div><a href="#6">  . 3.5 - Sobre o plug-in câmera raw</a></li>			<li><div class="status_off"></div><a href="#7">  . 3.6– Como abrir um arquivo ... </a></li>			<li><div class="status_off"></div><a href="#8">  . 3.7– Arquivos câmera raw</a></li>			<li><div class="status_off"></div><a href="#9">  . 3.8 - Sobre o plug-in câmera raw</a></li>			<li><div class="status_off"></div><a href="#10">  . 3.9– Como abrir um arquivo ... </a></li>		</ul> 	</div>	<a href="#" onmouseover="javascript:scroll_down()" onmouseout="javascript:scroll_none()"><img alt="acima" src="imagens/menu_seta2.png" /></a></div></body></html>

nesse codigo de teste nao buga o alinhamento:

<html><head><title>Scrolling DIV com JavaScript</title><script language='javascript' type="text/javascript">  	var scroll = 0;	var old_scroll = 0;		teste.scrollTop = 0;		function scrollanimator() {		if (scroll != 0) {			old_scroll = teste.scrollTop;			teste.scrollTop+=scroll;			if(old_scroll == teste.scrollTop) {				scroll = 0;			}		}	}		function scroll_down() {		scroll = 2;	}		function scroll_up() {		scroll = -2;	}		function scroll_none() {		scroll = 0;	}</script></head><body onload="javascript:setInterval('scrollanimator()',1000/60);">    <a onmouseover="javascript:scroll_up()" onmouseout="javascript:scroll_none()">Para Cima</a><br />  <a onmouseover="javascript:scroll_down()" onmouseout="javascript:scroll_none()">Para Baixo</a>  <div id='teste' style='position:absolute; width:200px; height: 200px; overflow:hidden;'>	<div id='texto' style='background-color:yellow;'>	   <br />	   Nam sollicitudin tristique pede. Cras facilisis. Nulla facilisi. Quisque in justo quis ligula tincidunt volutpat. Integer justo erat, tempus quis, facilisis in, euismod a, orci. Duis enim lorem, mattis sed, fringilla vitae, sodales vel, massa. Phasellus fringilla facilisis sem. Maecenas venenatis nisi sit amet erat. Vivamus magna nisl, feugiat non, aliquet ultrices, auctor eget, tellus. Sed vehicula, ipsum eu nonummy venenatis, libero elit ultrices lectus, eget viverra enim felis ac pede. Curabitur tellus mauris, facilisis vitae, rhoncus at, imperdiet a, sem. Praesent imperdiet. Cras at dui quis tellus gravida vulputate. Fusce pulvinar egestas lectus.<br />	   <br />	   <img src="flor.jpg" alt="flor" /><br />	   <br />	   Generated 2 paragraphs, 217 words, 1491 bytes of Lorem Ipsum<br />	</div>  </div><br />  </body></html>

mas po, eu preciso usar as DTDs pra garantir q os browsers (principalmente o ff) vao exibir a pagina corretamente... mas qdo eu faço isso o ff nao roda o javascript q eu fiz :(

algume me ajuda, por favor! é muito importante!

CuecaX · Abril 26, 2007

desculpem o post duplo, mas to postando aqui, pq tem muita coisa la em cima, fica melhro rpa visualizar :P

vcs podem ver as paginas aqui:

http://www.brasilshop.com.br/design/cresca/teste/testes.htm

http://www.brasilshop.com.br/design/cresca/teste/menu1.htm

funcionam perfeitas no opera e no Ie

benck · Abril 26, 2007

Amigo, você não definiu o objeto "menu_meio"...

Tenta fazer assim com o script

var scroll = 0;	var old_scroll = 0;		function scrollanimator() {		if (scroll != 0) {			old_scroll = document.getElementById('menu_meio').scrollTop;			document.getElementById('menu_meio').scrollTop+=scroll;			if(old_scroll == document.getElementById('menu_meio').scrollTop) {				scroll = 0;			}		}	}		function scroll_down() {		scroll = 2;	}		function scroll_up() {		scroll = -2;	}		function scroll_none() {		scroll = 0;	}		function multi() {		scroll*=5;		alert(document.getElementById('menu_meio').scrollTop);	}

Valeu!!!

CuecaX · Abril 26, 2007

po cara, valeu mesmo! funcionou... ^^mas agora eu tenho uma duvida:é certo a menaiera q o Opera e o IE fazem... sem o getelementbyID() ???

CuecaX · Abril 30, 2007

ta dando um probleminha aqui...

fui utilizar esse codigo numa pagina em asp.net e nao funcionou :(

aparece isso:

document.getElementById('menu_meio') has no proprieties

o q devo fazer pra corrigir?

benck · Abril 30, 2007

O correto é utilizar o getElementById, pois é o padrão DOM... Cara, provavelmente ele não acho este elemento, podes disponibilizar o site com o erro para ver o que exatamente acontece???Valeu!!!

Entrar

Arquivado

Menu

Recommended Posts

CuecaX 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

CuecaX 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

benck 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

CuecaX 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

CuecaX 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

benck 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

JAVA - Orientação para Invalidar Sessão

printf iniciante básico

JAVA - Ajuda em Paginação

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante