Witam wszstkich. W sieci znalazlem skrypt bedacy scrollerem, ktory przewija sie w gore i w dol po najechaniu mysza na odpowiedni przycisk sterujacy. Tekst wyswietlany w scrollerze moz sie przewijac w gore i w dol.
Chcialbym zmienic skrypt w ten sposob zeby tekst byl przewijany poziomo a nie pionowo. Co i jak musialbym zmienic w tym skrypcie?
A oto i on:
#wrst{position:absolute;overflow:hidden;visibility:hidden;width:400px;height:230
px;top:120px;left:100px;color:#336666;font:normal bold 16px Arial}
#Up1{position:absolute;left:540px;top:118px;visibility:hidden}
#Up2{position:absolute;left:540px;top:151px;visibility:hidden}
#Up3{position:absolute;left:540px;top:181px;visibility:hidden}
#Down1{position:absolute;left:540px;top:288px;visibility:hidden}
#Down2{position:absolute;left:540px;top:310px;visibility:hidden}
#Down3{position:absolute;left:540px;top:340px;visibility:hidden}
<script TYPE="text/javascript" LANGUAGE="JavaScript"> cpsc='*********- SCROLLER -********** '+
'Written by Bogdan Blaszczak '+
//don't edit lines above
function ObScroll(o){
this.z=getEl(o)
with(this.z)this.w=d.g?getElementsByTagName('div')[0]
.a?all.tags('div')[0]:layers[0]
this.s=d.l?this.w:this.w.style
var zB=d.o?this.z.style.pixelHeight:d.l?this.z.clip.height:this.z.offsetHeight,
wB=d.o?this.w.style.pixelHeight:d.l?this.w.document.height:this.w.offsetHeight,
x=eval(st(blik,cpsc));this.l=this.y=this.loop=0
this.obj=o+"Obj";eval(this.obj+"=this")
function s(){clearInterval(this.l)}
function S(k){with(this){stop();l=setInterval(obj+'.moveBy('+k+')',50)}}
function M(k){with(this)if(k>0?y>x:y<0){y-=k;s.top=y}else if(loop)y=k>0?0:x}
function m(k){with(this){if(k>-x)k=-x;if(k<0)k=0;stop();y=-k;s.top=-k}}
function B(){with(this){stop();y=0;s.top=0}}function E(){with(this){stop();y=x;s.top=x}}
this.moveBy=M;this.moveTo=m;this.scroll=S;this.stop=s;this.begin=B;this.end=E
}
blik=[63,59,25,105,52]
d=document,d.l=d.layers,d.a=d.all,d.g=d.getElementById,d.o=window.opera&&!d.appendChild
//przeładuj Netscape'a 4.x przy zmianie rozmiaru okna
function NSres(f){
if(f==true){document.dW=innerWidth;document.dH=innerHeight;onresize=NSres}
else if(innerWidth!=document.dW||innerHeight!=document.dH)location.reload()
}if(document.layers)NSres(true);
if(d.o)document.onmousemove=OpRes
function OpRes(){if(window.ScrEl)if(getEl(ScrEl[0]).style.visibility.toLowerCase()!='visible')location.reload()}
function st(t,h){var s='';for(var i=0;i<t.length;i++)s+=h.substr(t[i],1);return s}
function getEl(id){
with(d)var e=g?g(id):a?a[id]:l[id]
if(!e.style)e.style=e;return e}
</SCRIPT>
<script TYPE="text/javascript" LANGUAGE="JavaScript"> function InitScroll(){
//utwórz obiekt
Scroll1=new ObScroll('wrst')
//wrzuć do tablicy "ScrEl" warstwę i elementy steruj±ce przewijaniem
ScrEl=['wrst','Up1','Up2','Up3','Down1','Down2','Down3']
for(var i in ScrEl)getEl(ScrEl[i]).style.visibility='visible'
}
<BODY onLoad="InitScroll()">
<!-- Poczatek scrollowanej warstwy -->
<script TYPE="text/javascript" LANGUAGE="JavaScript"> document.write(document.layers?'
<layer>':'
<div style="position:absolute">')
</SCRIPT>
Jakis tekst ktory bedzie przewijany...
<script TYPE="text/javascript" LANGUAGE="JavaScript"> document.write(document.layers?'
</layer>':'
</div>')
</SCRIPT><!-- Koniec scrollowanej warstwy -->
<!-- Przyciski steruj±ce -->
<div id="Up1"><a href="java script:void(0);" onMouseOver="Scroll1.begin()"><IMG SRC="grafika/g3.gif" WIDTH="20" HEIGHT="25" BORDER="0"></a></div> <div id="Up2"><a href="java script:void(0);" onMouseOver="Scroll1.scroll(-6)" onMouseOut="Scroll1.stop()"><IMG SRC="grafika/g2.gif" WIDTH="20" HEIGHT="22" BORDER="0"></a></div> <div id="Up3"><a href="java script:void(0);" onMouseOver="Scroll1.scroll(-2)" onMouseOut="Scroll1.stop()"><IMG SRC="grafika/g1.gif" WIDTH="20" HEIGHT="14" BORDER="0"></a></div> <div id="Down1"><a href="java script:void(0);" onMouseOver="Scroll1.scroll(2)" onMouseOut="Scroll1.stop()"><IMG SRC="grafika/d1.gif" WIDTH="20" HEIGHT="14" BORDER="0"></a></div> <div id="Down2"><a href="java script:void(0);" onMouseOver="Scroll1.scroll(6)" onMouseOut="Scroll1.stop()"><IMG SRC="grafika/d2.gif" WIDTH="20" HEIGHT="22" BORDER="0"></a></div> <div id="Down3"><a href="java script:void(0);" onMouseOver="Scroll1.end()"><IMG SRC="grafika/d3.gif" WIDTH="20" HEIGHT="25" BORDER="0" ALT="Rozmiar: 266 bajtów"></a></div> <!-- **** -->
A scroller wyglada nastepujaco:
scroller
Ten post edytował adeq_PL 22.05.2007, 07:16:47
Wszystko powinno zostać uproszczone tak bardzo, jak to tylko możliwe, ale nie bardziej. - Albert Einstein
scroller javascript
adeq_PL scroller javascript 21.05.2007, 20:43:53 
