Søg
Avatar billede mtas Nybegynder
07. oktober 2001 - 11:33 Der er 2 kommentarer og
1 løsning

Rullende objekt

Hvordan får man et \"DIV\" objekt til at lave effekter som eksempelvis at komme ind fra toppen eller ude fra højre eller venstre.

Effekten er faktisk lige meget bare der er en effekt ! Jeg vil forhøje point\'ene hvis effekten er rigtig god !!!
Avatar billede Slettet bruger
07. oktober 2001 - 13:52 #1
Denne her får fx en div til at komme ind fra øverste ventre hjørne af skærmen:

<script>
v = -100;
t = -100;
nyDom = document.getElementById;
ie4 = document.all;
ns4 = document.layers;
el = \"minDiv\";

function rulInd() {
if (v < 300 && h < 300) {
if (nyDom) {
document.getElementById(el).style.left = v;
document.getElementById(el).style.top = t;
}
else if (ie4) {
document.all.minDiv.style.left = v;
document.all.minDiv.style.top = t;
}
else if (ns4) {
document.minDiv.left = v;
document.minDiv.top = t;
}
v += 10;
t += 10;
setTimeout(\"rulInd()\",100);
}
}
</script>

Og div\'en:

<div id=\"minDiv\" style=\"left:-100; top:-100;\">Her kommer min div!</div>
Avatar billede Slettet bruger
07. oktober 2001 - 13:53 #2
Nårh, jo! Der mangler lige en onLoad:

<body onLoad=\"rulInd()\">
Avatar billede Slettet bruger
07. oktober 2001 - 13:59 #3
Og så lavede jeg lige to fejl:

1. Linjen:
if (v < 300 && h < 300) {
skal byttes ud med:
if (v < 300 && t < 300) {

2. I div\'ens style skal du inkludere \"position:absolute;\" sådan her:
<div id=\"minDiv\" style=\"position:absolute; left:-100; top:-100;\">Her kommer min div!</div>

Du kan nu ændre på fx div\'ens hastighed ved at ændre \"100\" i \"setTimeout\"-linjen til et større eller mindre tal (større = langsommere, mindre = hurtigere), og du kan også ændre det antal pixels, som objektet skal bevæge sig med hver gang i linjerne:
v += 10;
t += 10;
Desuden kan du ændre objektets start og slut position i henholdvis:
v = -100;
t = -100;
og:
if (v < 300 && t < 300) {

God fornøjelse! :-)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 12:14 Ang udskrift Canon mb5050 Af made18 i Printere
I går 21:29 Vedr. Windows 11 version 26H2 Af ErikHg i Fri debat
I går 18:16 Tømme gammel PC for indhold, kan ikke tændes Af Mai i Andet software
01/1017:41 NVIDIA Geforce GTX 1060 6 GB som "snakker" Af dcedata1977 i Andet hardware
27/0916:43 Nomad Tracking Car Af fleknes i Apps til Android
White papers
Flere white papers »