/ Forside / Teknologi / Udvikling / Java Scripts / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
Java Scripts
#NavnPoint
molokyle 5410
Klaudi 2799
smorch 2439
kim 1360
Harlekin 1134
bentjuul 984
gibson 800
severino 695
Random 675
10  konsulent.. 626
"Pause" i z-layers
Fra : Claus Renè Jakobsen


Dato : 25-07-04 22:47

www.html.dk/tutorials/css/lektion15.asp er forklaret lidt om
z-layers.
Er det muligt at lave en (evt. variabel) pause imellem lagene, så
det f. eks. var muligt at nå at læse en kort tekst.

Mvh: Claus

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
Lasse Reichstein Nie~ (26-07-2004)
Kommentar
Fra : Lasse Reichstein Nie~


Dato : 26-07-04 00:09

Claus Renè Jakobsen <clausrene@tdcadsl.dk> writes:

> På www.html.dk/tutorials/css/lektion15.asp er forklaret lidt om
> z-layers.

> Er det muligt at lave en (evt. variabel) pause imellem lagene, så
> det f. eks. var muligt at nå at læse en kort tekst.

Den nævnte side på html.dk bevæger sig ikke, så det giver ikke megen
mening at tale om pauser. Siden omhandler kun CSS, som ikke er
dynamisk.

Hvis du gerne vil vise forskellige blokke med tekst med lidt tid
imellem, så er det muligt med Javascript (så du er i den rigtige
gruppe). Eksempel:
---
....
<script type="text/javascript">
var layerIds = ["div1", "div2", "div3", "div4"];

function reveal(delay) {
var ctr = 0;
function revealLayer() {
document.getElementById(layerIds[ctr]).style.display = "block";
ctr++;
if (ctr == layerIds.length) { clearInterval(id); }
}
setInterval(revealLayer, delay);
}
</script>
<style type="text/css">
#div1, #div2, #div3, #div4 { display:none; }
</style>
....
<body onload="reveal(1000);">
<div id="div1"> En eller anden tekst </div>
<div id="div2"> En eller anden anden tekst </div>
<div id="div3"> En helt trdje tekst </div>
<div id="div4"> En fjerde tekst </div>
</body>
---

Hvis du så styler div'erne med CSS, så de ligger i lag, så vil de
blive afsløret en efter en.

Held og lykke.
/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
DHTML Death Colors: <URL:http://www.infimum.dk/HTML/rasterTriangleDOM.html>
'Faith without judgement merely degrades the spirit divine.'

Claus Renè Jakobsen (26-07-2004)
Kommentar
Fra : Claus Renè Jakobsen


Dato : 26-07-04 09:48

>
> > På www.html.dk/tutorials/css/lektion15.asp er forklaret lidt om
> > z-layers.
>
> > Er det muligt at lave en (evt. variabel) pause imellem lagene, så
> > det f. eks. var muligt at nå at læse en kort tekst.
>
> Den nævnte side på html.dk bevæger sig ikke, så det giver ikke megen
> mening at tale om pauser. Siden omhandler kun CSS, som ikke er
> dynamisk.

Hmm ja, Det var måske ikke så præcist udtrykt fra min side, men du fattede dog
budskabet... ;)
>
> Hvis du gerne vil vise forskellige blokke med tekst med lidt tid
> imellem, så er det muligt med Javascript (så du er i den rigtige
> gruppe). Eksempel:
> ---
> ....
> <script type="text/javascript">
> var layerIds = ["div1", "div2", "div3", "div4"];
>
> function reveal(delay) {
> var ctr = 0;
> function revealLayer() {
> document.getElementById(layerIds[ctr]).style.display = "block";
> ctr++;
> if (ctr == layerIds.length) { clearInterval(id); }
> }
> setInterval(revealLayer, delay);
> }
> </script>
> <style type="text/css">
> #div1, #div2, #div3, #div4 { display:none; }
> </style>
> ....
> <body onload="reveal(1000);">
> <div id="div1"> En eller anden tekst </div>
> <div id="div2"> En eller anden anden tekst </div>
> <div id="div3"> En helt trdje tekst </div>
> <div id="div4"> En fjerde tekst </div>
> </body>
> ---
>
> Hvis du så styler div'erne med CSS, så de ligger i lag, så vil de
> blive afsløret en efter en.
>
> Held og lykke.
> /L
> --
>Og det var liige det jeg havde brug for.. 1000 tak... ;)

Mvh :
Claus

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Søg
Reklame
Statistik
Spørgsmål : 177558
Tips : 31968
Nyheder : 719565
Indlæg : 6408925
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste