WebTechnologie - ukázkové skripty PHP, XHTML, JavaScript, CSS... (c) Scorpions.cz

HOME SKRIPTY
Rolvání - Okénko
Normální položka
Zobrazeno: 6760

Popis: Znáte titulky z televize, tak zde máte něco podobného.
Funkčnost: Funkční v IE 5.5 a vyšší, Netscape
Hodnocení: *****
Ukázka
První krok: Zkopírujte mezi tagy <HEAD> a </HEAD>.

<SCRIPT LANGUAGE="JavaScript"> 

<!-- 
//šířka rolovacího okénka 
var swidth=300 

//výška rolovacího okénka 
var sheight=100 

//rychlost rolování 
var sspeed=2 

var celyText='' 

//text k rolování 

celyText='<div align="center"><font face=Arial size=3 color="#ffffff">Kompatibilni s NS4, NS6 a IE. Rolovací okénko</DIV><div align="center">Velikost, rychlost a styl jsou <strong>měnitelné.</strong></DIV><div align="center"><strong>Rolování se zastaví při mouseOver!</strong></DIV><div align="center">Byl jednou jeden král,</div><div align="center">ten princeznu miloval. A princezna ráda zelí a to už je to celý.</div></font>' 

function start(){ 
if (document.all) return 
if (document.getElementById){ 
document.getElementById("slider").style.visibility="show" 
ns6marquee(document.getElementById('slider')) 
} 
else if(document.layers){ 
document.slider1.visibility="show" 
ns4marquee(document.slider1.document.slider2) 
} 
} 
function ns4marquee(whichlayer){ 
ns4layer=eval(whichlayer) 
ns4layer.document.write(celyText) 
ns4layer.document.close() 
sizeup=ns4layer.document.height 
ns4layer.top-=sizeup 
ns4slide() 
} 
function ns4slide(){ 
if (ns4layer.top>=sizeup*(-1)){ 
ns4layer.top-=sspeed 
setTimeout("ns4slide()",100) 
} 
else{ 
ns4layer.top=sheight 
ns4slide() 
} 
} 
function ns6marquee(whichdiv){ 
ns6div=eval(whichdiv) 
ns6div.innerHTML=celyText 
ns6div.style.top=sheight 
sizeup=sheight 
ns6slide() 
} 
function ns6slide(){ 
if (parseInt(ns6div.style.top)>=sizeup*(-1)){ 
ns6div.style.top=parseInt(ns6div.style.top)-sspeed 
setTimeout("ns6slide()",100) 
} 
else{ 
ns6div.style.top=sheight 
ns6slide() 
} 
} 
//--> 
</script> 

Druhý krok: Vložte kód do tagu <BODY>

onLoad='start()'

Třetí krok: Vložte poslední část kódu mezi tagy <BODY> a </BODY>

<span style="borderWidth:1; borderColor:red; width:300; height:100;"> 
<ilayer width=300 height=100 name="slider1" bgcolor="black" visibility=hide> 
<layer name="slider2" onMouseover="sspeed=0;" onMouseout="sspeed=2"> 
</layer> 
</ilayer> 
<script language="JavaScript"> 
if (document.all){ 
document.writeln('<marquee id="ieslider" scrollAmount=2 width=300 height=100 direction=up style="border:1 solid red;background-color:black">') 
document.writeln(celyText) 
ieslider.onmouseover=new Function("ieslider.scrollAmount=0") 
ieslider.onmouseout=new Function("if (document.readyState=='complete') ieslider.scrollAmount=2") 
document.write('</marquee>') 
} 
if (document.getElementById&&!document.all){ 
document.write('<div style="position:relative;overflow:hidden;width:300;height:100;clip:rect(0 302 102 0); background-color:black;border:1px solid red;" onMouseover="sspeed=0;" onMouseout="sspeed=2">') 
document.write('<div id="slider" style="position:relative;width:&{swidth};">') 
document.write('</div></div>') 
} 
</script> 
</span>