Ir para conteúdo

POWERED BY:

Arquivado

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

logan_pa

Scroller

Por , em Flash, ActionScript e tecnologias Adobe

Recommended Posts

logan_pa    0

logan_pa
Postado

<style type="text/css"> #divUpControl{position:absolute; width:320; left:10; top:10; z-index:1; text-align: right} #divDownControl{position:absolute; width:320; left:10; top:270; z-index:1; text-align: right} #divContainer{position:absolute; width:320; height:240; overflow:hidden; top:30; left:10; clip:rect(0,320,240,0); visibility:hidden} #divContent{position:absolute; top:0; left:0} </style>------------------------------------------------------------------------<script language="JavaScript">// begin absolutely positioned scrollable area object scripts /*Extension developed by David G. Miles (www.z3roadster.net/dreamweaver)Original Scrollable Area code developed by Thomas Brattli To add more shock to your site, visit www.DHTML Shock.com*/function verifyCompatibleBrowser(){ this.ver=navigator.appVersion this.dom=document.getElementById?1:0 this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0; this.ie4=(document.all && !this.dom)?1:0; this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0; this.ns4=(document.layers && !this.dom)?1:0; this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5) return this } bw=new verifyCompatibleBrowser() var speed=50 //aqui é a velocidade da animação! var loop, timer function ConstructObject(obj,nest){ nest=(!nest) ? '':'document.'+nest+'.' this.el=bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+'document.'+obj):0; this.css=bw.dom?document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+'document.'+obj):0; this.scrollHeight=bw.ns4?this.css.document.height:this.el.offsetHeight this.clipHeight=bw.ns4?this.css.clip.height:this.el.offsetHeight this.up=MoveAreaUp;this.down=MoveAreaDown; this.MoveArea=MoveArea; this.x; this.y; this.obj = obj + "Object" eval(this.obj + "=this") return this } function MoveArea(x,y){ this.x=x;this.y=y this.css.left=this.x this.css.top=this.y } function MoveAreaDown(move){ if(this.y>-this.scrollHeight+objContainer.clipHeight){ this.MoveArea(0,this.y-move) if(loop) setTimeout(this.obj+".down("+move+")",speed) } } function MoveAreaUp(move){ if(this.y<0){ this.MoveArea(0,this.y-move) if(loop) setTimeout(this.obj+".up("+move+")",speed) } } function PerformScroll(speed){ if(initialised){ loop=true; if(speed>0) objScroller.down(speed) else objScroller.up(speed) } } function CeaseScroll(){ loop=false if(timer) clearTimeout(timer) } var initialised; function InitialiseScrollableArea(){ objContainer=new ConstructObject('divContainer') objScroller=new ConstructObject('divContent','divContainer') objScroller.MoveArea(0,0) objContainer.css.visibility='visible' initialised=true; } // end absolutely positioned scrollable area object scripts </script></head><body bgcolor="ffffff" onLoad="InitialiseScrollableArea()"><!-- begin absolutely positioned scrollable area object--> <div id="divUpControl" style="top: 60; width: 360; z-index: 1"> <p> <span class="caixa">Passe o mouse na seta</span><a href="java script:;" onMouseOver="PerformScroll(-7)" onMouseOut="CeaseScroll()"> <img src="caret-d.gif" width="11" height="7" border="0"></a> </p> </div> <div id="divDownControl" style="top: 270px; width: 360; left: 10px; z-index: 1"> <span class="caixa">Passe o mouse na seta </span><a href="java script:;" onMouseOver="PerformScroll(7)" onMouseOut="CeaseScroll()"><img src="caret-t.gif" border="0"></a> </div> <div id="divContainer" style="width: 320; top: 85; left: 10; height: 180; background-color: #f1f1f1; layer-background-color: #f1f1f1; border: 1px none #000000"> <div id="divContent"> <b>titulo aqui</b> <p> Olá usuario, aqui você tem um scroller só que, dessa vez, você é quem comanda a rolagem</p> <p>Segue a mesma linha de configuração do scroller automatico, logo, não é dificil</p> <p>Como no outro, você pode alterar praticamente tudo, a cor do quadro, da fonte bem como os tamanhos, localizações e etc</p> <p>É uma otima ferramente p/ deixar seu site mais dinamico, sendo que, você pode colocar avisos, noticias e coisas do tipo</p> <b>Termno da noticia</b> </div></div> <!-- end absolutely positioned scrollable area object --> no DW dá pra alterar o texto sem ser pelo código?

Compartilhar este post

Link para o post
Compartilhar em outros sites

babu    0

babu
Postado

Salve,Tenta visualizar ele e ai você edita da forma que quizer.|||s

Compartilhar este post

Link para o post
Compartilhar em outros sites

babu    0

babu
Postado

Já tentei, mas ao clicar na caixa de texto ele some.

Salve.Se você selecioanr a layer onde estão as fontes (conteúdo) c vai poder alterar numa boa.|||s

Compartilhar este post

Link para o post
Compartilhar em outros sites

sitenovo    0

sitenovo
Postado

Seguinte,Rapaz, o Babu, falou e disse, é so visualziar, veja, tentarei ser mais especifico:você no Dw, olha que tem dentro da pagina algum tipo de icoe de cor amarelada (pelo menos, no meu fica assim), dai você c/ o mouse clica uma vez e vaiaparecer o layprt ou o div e pronto!Edita ele e depois é só clicar dolado de fora do layor ou div que volta ao normal!!Quanto ao caso de usar o codigo, é facil mude a forma de visualizar, ou deixe metade de cada um como geralmente costumo fazer... ãssim, se tiver problemas em usar no modo normal, eu uso o modo codigo![]sRodney

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Flash, ActionScript e tecnologias Adobe
×

Informação importante

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

  Aceito