Ir para conteúdo
Fórum Script Brasil
  • 0

Scroll

Bruno-182

Perguntado por Bruno-182,

 Share

Pergunta

Bruno-182

Bruno-182

Postado
Postado

Fala galera, como faço para colocar uma imagem no lugar do up ou down

ah o codigo tah em baixo.


<html>
<head>
<title>Scroll</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">  
#divUpControl{position:absolute; width:320; left:248px; top:14px; z-index:1; text-align: right} 
#divDownControl{position:absolute; width:320; left:257px; top:310px; z-index:1; text-align: right} 
#divContainer{position:absolute; width:320; height:240; overflow:hidden; top:66px; left:301px; clip:rect(0,320,240,0); visibility:hidden} 
#divContent{position:absolute; top:0; left:0} 
</style>
<script language="JavaScript">
<!--
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 

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

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function OK_loadit(url,layerObjNS, width) { 
 if (document.layers){
         document.layers[layerObjNS].load(url, width);
    } else{
         if (window.frames.length > -1){
             window.frames[layerObjNS].location.href = url;
}
}
document.MM_returnValue = false;
}
//-->
</script>
</head>

<body bgcolor="#CCCCCC" onLoad="InitialiseScrollableArea();OK_loadit('file:///C|/Documents and Settings/Home user/Desktop/teste/_ ABRAWEB.htm','divUpControl','*');return document.MM_returnValue">
<!-- begin absolutely positioned scrollable area object-->
<div id="divUpControl"> <a href="javascript:;" onMouseOver="PerformScroll(-7)" onMouseOut="CeaseScroll()">[up
  ]</a> </div>
<div id="divDownControl"> <a href="javascript:;" onMouseOver="PerformScroll(7)" onMouseOut="CeaseScroll()">[
  down]</a> </div>
<div id="divContainer"> 
  <div id="divContent"> 
    <p><b>Teste</b></p>
    <p><b>porejhjnnklklkmlmlkmlkmklmlmklmlkmlkm</b></p>
    <p><b>zzzzzzzzzzzzzzzzzzxxxxxxxxxxxxxxxxxxxxxxxxx<br>
      ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ<br>
      ZZZZZZZZZZZZZZZZZZZZZZXXXXXXXXXX<br>
      XXXXXXXXXXXXXXXXXXXXXXXXXXXX</b></p>
    <p><b>XXXXXXXXXXXXXXXXXXXXXXXXXXXX<br>
      XXXZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ<br>
      Zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz<br>
      XXXXXXXXXXXXXXXxxxxxxxxxxxxxxxxx<br>
      XZXZXZXZXZXZXZXZXZxzxxzxXZXZXZ<br>
      XXXXXXZZZZ<br>
      zxz</b></p>
    <p><b>xzxZXZXZXzxzxzxzzczxzxzxzxZXZXZ</b></p>
  </div>
</div>
<!-- end absolutely positioned scrollable area object -->
</body>
</html>

Link para o comentário
Compartilhar em outros sites

3 respostass a esta questão

Posts Recomendados

  • 0
Rob_g2*6(sic)6

Rob_g2*6(sic)6

Postado
Postado

<html>

<head>

<title>Scroll</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css"> 

#divUpControl{position:absolute; width:320; left:248px; top:14px; z-index:1; text-align:

right}

#divDownControl{position:absolute; width:320; left:257px; top:310px; z-index:1; text-align:

right}

#divContainer{position:absolute; width:320; height:240; overflow:hidden; top:66px;

left:301px; clip:rect(0,320,240,0); visibility:hidden}

#divContent{position:absolute; top:0; left:0}

</style>

<script language="JavaScript">

<!--

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

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+'docum

ent.'+obj):0;

 

this.css=bw.dom?document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eva

l(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

function MM_findObj(n, d) { //v4.01

var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {

  d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];

for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);

if(!x && d.getElementById) x=d.getElementById(n); return x;

}

function OK_loadit(url,layerObjNS, width) {

if (document.layers){

        document.layers[layerObjNS].load(url, width);

  } else{

        if (window.frames.length > -1){

            window.frames[layerObjNS].location.href = url;

}

}

document.MM_returnValue = false;

}

//-->

</script>

</head>

<body bgcolor="#CCCCCC" onLoad="InitialiseScrollableArea();OK_loadit('file:///C|/Documents

and Settings/Home user/Desktop/teste/_ ABRAWEB.htm','divUpControl','*');return

document.MM_returnValue">

<!-- begin absolutely positioned scrollable area object-->

<div id="divUpControl"> <a href="javascript:;" onMouseOver="PerformScroll(-7)"

onMouseOut="CeaseScroll()"> <img src='up.jpg' border='0'> </a> </div>

<div id="divDownControl"> <a href="javascript:;" onMouseOver="PerformScroll(7)"

onMouseOut="CeaseScroll()"> <img src='down.jpg' border='0'> </a> </div>

<div id="divContainer">

<div id="divContent">

  <p><b>Teste</b></p>

  <p><b>porejhjnnklklkmlmlkmlkmklmlmklmlkmlkm</b></p>

  <p><b>zzzzzzzzzzzzzzzzzzxxxxxxxxxxxxxxxxxxxxxxxxx<br>

    ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ<br>

    ZZZZZZZZZZZZZZZZZZZZZZXXXXXXXXXX<br>

    XXXXXXXXXXXXXXXXXXXXXXXXXXXX</b></p>

  <p><b>XXXXXXXXXXXXXXXXXXXXXXXXXXXX<br>

    XXXZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ<br>

    Zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz<br>

    XXXXXXXXXXXXXXXxxxxxxxxxxxxxxxxx<br>

    XZXZXZXZXZXZXZXZXZxzxxzxXZXZXZ<br>

    XXXXXXZZZZ<br>

    zxz</b></p>

  <p><b>xzxZXZXZXzxzxzxzzczxzxzxzxZXZXZ</b></p>

</div>

</div>

<!-- end absolutely positioned scrollable area object -->

</body>

</html>

Abraços.......... blink.gif

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152,2k
    • Posts
      651,9k
×
×
  • Criar Novo...