Ir para conteúdo

POWERED BY:

Arquivado

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

andre_rj

com scrool

Por , em Javascript

Recommended Posts

a.crow    0

a.crow
Postado

Eu até tenho um que faz isso, mas te diria pra fazer de outra forma, esses scripts geralmente dão problema dependendo do navegador, entre outros.Já pensou em usar camada com rolagem?

Compartilhar este post

Link para o post
Compartilhar em outros sites

a.crow    0

a.crow
Postado

É só colocar o conteúdo dentro disso:

<div id="Layer1" style="position:absolute; left:49px; top:54px; width:320px; height:218px; z-index:1; overflow:auto">Conteúdo</div>

Depois diz se serve.

Compartilhar este post

Link para o post
Compartilhar em outros sites

hinom    5

hinom
Postado

mais e kd o scrool ??

o scroll é especificado no parâmetro "overflow"os valores são "yes/no/auto"no caso, auto, significa que a barra de rolgagem aparece se houver necessidade

Compartilhar este post

Link para o post
Compartilhar em outros sites

hinom    5

hinom
Postado

mais como que vai fcia o scrool  é igual a do hotel com 2 figuras para quando clicar subir e descer ou vai fica 1 barra de rolagem ??

o a.crow já explicou, esse tipo de scroll que você quer depende do browser e da versão do browser do usuário, mas se quiser basta copiar:primeiro pegue esses arquivos:http://www.marinaallsuites.com.br/marina_ie.cssas imagens salve numa pasta com o nome "img"http://www.marinaallsuites.com.br/img/spacer.gifhttp://www.marinaallsuites.com.br/img/spacer2.gifhttp://www.marinaallsuites.com.br/img/setadown.gifhttp://www.marinaallsuites.com.br/img/setaup.gifhttp://www.marinaallsuites.com.br/img/logo_marina1.gifhttp://www.marinaallsuites.com.br/img/hotelmarina.gifagora, copie e cole esse codigo:
<html><title>JavaScript - Scroll</title><head><script language="JavaScript">function WM_netscapeCssFix() {  if (document.WM.WM_netscapeCssFix.initWindowWidth != window.innerWidth || document.WM.WM_netscapeCssFix.initWindowHeight != window.innerHeight) {    document.location = document.location;  }}function WM_netscapeCssFixCheckIn() {  // Esta função verifica se a versão do Netscape em uso é a que  // contém o bug; se for, serão gravadas a largura e a altura  // da janela e todos os eventos de redimensionamento serão ajustados  // para serem manipulados pela função WM_netscapeCssFix().  if ((navigator.appName == 'Netscape') && (parseInt(navigator.appVersion) == 4)) {    if (typeof document.WM == 'undefined'){      document.WM = new Object;    }    if (typeof document.WM.WM_scaleFont == 'undefined') {      document.WM.WM_netscapeCssFix = new Object;      document.WM.WM_netscapeCssFix.initWindowWidth = window.innerWidth;      document.WM.WM_netscapeCssFix.initWindowHeight = window.innerHeight;    }    window.onresize = WM_netscapeCssFix;  }}WM_netscapeCssFixCheckIn()ie=document.all?1:0n=document.layers?1:0timSpeed=50contHeight=100function makeScrollObj(obj,nest){        nest=(!nest) ? '':'document.'+nest+'.'                                                                                  this.css=(n) ? eval(nest+'document.'+obj):eval('document.all.'+obj+'.style')                                                    this.scrollHeight=n?this.css.document.height:eval('document.all.'+obj+'.offsetHeight')                                                          this.top=b_gettop                                                                                       return this}function b_gettop(){        var gleft=(n) ? eval(this.css.top):eval(this.css.pixelTop);        return gleft;}//Variablesvar scrollTim;var active=0;function scroll(speed){        clearTimeout(scrollTim)        way=speed>0?1:0        if((!way && oScroll[active].top()>-oScroll[active].scrollHeight+contHeight) || (oScroll[active].top()<0 && way)){                oScroll[active].css.top=oScroll[active].top()+speed                scrollTim=setTimeout("scroll("+speed+")",timSpeed)        }}function noScroll(){        clearTimeout(scrollTim)}function scrollInit(){        oScroll=new Array()        oScroll[0]=new  makeScrollObj('divScroll','box')        oScroll[0].css.visibility='visible'}onload=scrollInit;var name = navigator.appName if (name == "Microsoft Internet Explorer")	document.write('<link href="marina_ie.css" rel="stylesheet" type="text/css">');else	document.write('<link href="marina_ns.css" rel="stylesheet" type="text/css">');</script></head><body><div id="box" style="position:absolute; width:280px; height:270px; z-index:3; clip: rect(0 280 270 0); top: 84px; left: 110px"><div id="divScroll" class="clScroll"><table width=260 cellpadding=0 cellspacing=0 border=0><tr>	<td class="contents"><center><b>Hospede-se no Hotel Marina All Suites</b></center>	<p align="justify">Venha conhecer o Marina All Suites, o maisnovo e charmoso hotel da Praia de Leblon.Localizado próximo aos principais shoppings,restaurantes, cinemas e teatros do Rio deJaneiro, ele possui uma infra-estrutura capazde agradar o turista ou executivo maisexigente e sofisticado. <br><br>Suas 38 suites são super modernas, luxuosase com vista para o mar, todas elas muito bemdecoradas, tornando o ambiente agradável echarmoso para qualquer ocasião. A grandenovidade são as 8 suites assinadas pordecoradores e arquitetos famosos quemostraram seus trabalhos durante o Casa Cor99, realizado no próprio hotel, o que as tornaainda mais requintadas. <br><br>O hotel dispõe ainda de piscina na cobertura,sauna, fitness center, sala de vídeo, sala dejogos, e muitos mais para tornar sua estadaperfeita. <br><br>O restaurante Bar d'Hotel com seu ambiente moderno e cozinhafrancesa já é "point" entre as personalidadescariocas e conta com um cardápio supervariado tornando-se mais uma opção noalmoço ou jantar. 	</p>	</td></tr></table></div></div><div id="box2" style="position:absolute; width:290px; height:300px; z-index:3; clip: rect(0 290 300 0); top: 50px; left: 340px"><img src="img/hotelmarina.gif" alt="" border=0><br></div><div id="box2" style="position:absolute; width:10px; height:320px; z-index:3; clip: rect(0 290 320 0); top: 73px; left: 230px"><table cellpadding=0 cellspacing=0 border=0><tr>	<td rowspan=2>	<img src="img/spacer2.gif" alt="" border=0><br>	</td>	<td valign="top">	<a href="#" onMouseOver="scroll(8);window.status='';return true" onMouseOut="noScroll();window.status='';return true"><img name="setaup" src="img/setaup.gif" alt="" border=0></a><br>	</td></tr><tr>	<td valign="bottom">	<a href="#" onMouseOver="scroll(-8);window.status='';return true" onMouseOut="noScroll();window.status='';return true"><img name="setadown" src="img/setadown.gif" alt="" border=0></a><br>	</td></tr></table></div></body></html>
pronto! só alterar como quiser

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