Domov > Programiranje > Javascript scrolling div
stran 1 od 1 |< < 1 > >|
Javascript scrolling div
 
mtance 22. jun 2010 08:10:43 Pridružen od:
27. jan 2008
508 objav
 198 16 1
#1

Potrebujem pomoč pri Javascriptu za "skrolanje" div-a.



Koda je:

<h2>Blagovne znamke</h2>

<div class="brands_outer">

<a id="up" class="arrow" href="#up" title="pojdi višje"></a>

<div class="brands_holder">

<img src="bla1.jpg">

<img src="bla1.jpg">

<img src="bla1.jpg">

<img src="bla1.jpg">

</div>

<a id="down" class="arrow" href="#down" title="pojdi nižje"></a>

</div>



Želim, da bi z gumboma <a id="up/down" ... </a> scrollal po divu.



CSS pa je takšen:

...

.brandsouter {

height: 410px;

width:350px;

position:relative;

margin: 5px 0px 5px 0px;

overflow:hidden;

}

.brandsholder {

padding: 36px 5px 36px 5px;

position:relative;

overflow:hidden;

}

...



Sem bolj na suhem na tem področju, tako da bi se prilegla velika pomoč :)


všeč(0) ni všeč(0) spam(0)
 
 
Roky 22. jun 2010 08:16:56 Pridružen od:
9. apr 2008
2506 objav
 3240 335 107
všeč(0) ni všeč(0) spam(0)
rok.meglic@gmail.com - 031 492 148
 
 
mtance 22. jun 2010 08:20:20 Pridružen od:
27. jan 2008
508 objav
 198 16 1
#3

Hvala, sem že našel en lep primer, ga prilagam tukaj



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">



<head>

<title></title>

<script language="JavaScript" type="text/javascript">

<!--

var zxcTO;



function Scroll(id,dis,pos){

var obj=document.getElementById(id)

obj.scrollTop=obj.scrollTop+dis;

if (pos){obj.scrollTop=pos; }

else {zxcTO=setTimeout( function(){ Scroll(id,dis); },10); }

}

//-->

</script>

</head>



<body>



<input type="button" name="" value="Sroll Up" onmouseover="Scroll('Tst1',-1);" onmouseout="clearTimeout(zxcTO);" >

<input type="button" name="" value="Sroll Down" onmouseover="Scroll('Tst1',1);" onmouseout="clearTimeout(zxcTO);" >

<input type="button" name="" value="Sroll to 50" onmouseover="Scroll('Tst1',0,50);" onmouseout="clearTimeout(zxcTO);" >

<input type="button" name="" value="Sroll to 75" onmouseover="Scroll('Tst1',0,75);" onmouseout="clearTimeout(zxcTO);" >

<div id="Tst1" style="position:relative;overflow:auto;width:200px;height:100px;border:solid black 1px;" >

0 Line<br>

1 Line<br>

2 Line<br>

3 Line<br>

4 Line<br>

5 Line<br>

6 Line<br>

7 Line<br>

8 Line<br>

9 Line<br>



</div>

</body>



</html>


všeč(0) ni všeč(0) spam(0)
 
 
Domov > Programiranje > Javascript scrolling div
stran 1 od 1 |< < 1 > >|
 

🔒 Za odgovor na to temo se moraš prijaviti.

Prijavi se