12. november 2000 - 13:50
Der er
14 kommentarer og 1 løsning
\"DIV\" SKAL BEVÆGE SIG!
Hvis man laver en side og deler den op i fx. 3 \"div\"\'er. Kan man så få den ene af \"div\" erne til at bevæge sig, fx. efter en linje??
Annonceindlæg tema
Cloud & AI
I dette særtema ser vi på, hvordan cloud og AI bliver fundamentet for virksomhedernes digitale forretning, og hvordan de nye muligheder for automatisering og forretningsværdi kan udnyttes uden at miste overblik, sikkerhed og menneskelig kontrol.
12. november 2000 - 14:05
#1
Ja, det kan man godt. Du skal bruge position:abslute og så bruger du javascript til at bevæge den ved at ændre dens top og left koordinater.
13. november 2000 - 14:06
#2
Har du evt. et eksempel der virker??
14. november 2000 - 09:58
#3
her er et lille eksempel det virker dog kun i IE pga brug af all collection. <DIV class=blue id=move style=\"LEFT: 200px; POSITION: absolute; TOP: 200px\">moving div</DIV> document.all.move.style.left = (parseInt(document.all.move.style.left)+2); den sidste sætning skal så sættes i en funktion som bliver kaldt med et tidsinterval, ala det her: setInterval(\"funktionsnavn()\",20) til NN6.0 bruges document.getelementbyid
14. november 2000 - 16:03
#4
Kan du give et HTML Eks.?? FX: <HTML> <HEAD> </HEAD> <BODY> HER ER ET EKS.!! </BODY> </HTML> [MATHIAS]
14. november 2000 - 16:10
#5
BARE DET VIRKER I IE!
14. november 2000 - 16:20
#6
OK ! her er lige et copy/paste Hvis det skal virke i både IE og NN6.0 skal du bare erstatte document.all.ID med document.getelementbyid(\"ID\"). NN4.skod er en del anderledes. Thats it <HTML> <HEAD><TITLE></TITLE> <STYLE type=text/css>.red { COLOR: red; FONT-SIZE: 20pt } .blue { COLOR: blue; FONT-SIZE: 30pt } </STYLE> <SCRIPT language=javascript> <!-- var move_var =0; function movetxt() { if ((parseInt(document.all.move.style.left))==700) { document.all.move.style.left = (parseInt(document.all.move.style.left)-2); } else {} if ((parseInt(document.all.move.style.left))>680 & (parseInt(document.all.moveblue.style.left))<700) { document.all.moveblue.style.left = (parseInt(document.all.moveblue.style.left)+3); if ((parseInt(document.all.moveblue.style.left))>500) { document.all.moveblue.style.top = (parseInt(document.all.moveblue.style.top)+1); } } document.all.move.style.left = (parseInt(document.all.move.style.left)+2); } function window.onload() { setInterval(\"movetxt()\",20) } //--> </SCRIPT> </HEAD> <BODY> <DIV class=blue id=moveblue style=\"LEFT: 200px; POSITION: absolute; TOP: 200px\">not the red bulls </DIV> <DIV class=red id=move style=\"LEFT: 10px; POSITION: absolute; TOP: 200px\">this is the red bulls </DIV> </BODY> </HTML> mvh FRANK
14. november 2000 - 16:22
#7
Det står lidt grimt, men det virker smid f.eks css ud i en css fil og smid jscripten ud i en js fil. Det gør det ihvertfalde pæner
14. november 2000 - 21:48
#8
Det er kun den ene der skal bevæge sig!
15. november 2000 - 08:40
#9
Det er skam bare at fjerne lidt javascript, sådan <HTML> <HEAD><TITLE></TITLE> <STYLE type=text/css>.red { COLOR: red; FONT-SIZE: 20pt } .blue { COLOR: blue; FONT-SIZE: 30pt } </STYLE> <SCRIPT language=javascript> <!-- function movetxt() { document.all.move.style.left = (parseInt(document.all.move.style.left)+2); } function window.onload() { setInterval(\"movetxt()\",20) } //--> </SCRIPT> </HEAD> <BODY> <DIV class=blue id=moveblue style=\"LEFT: 200px; POSITION: absolute; TOP: 200px\">not the red bulls </DIV> <DIV class=red id=move style=\"LEFT: 10px; POSITION: absolute; TOP: 200px\">this is the red bulls </DIV> </BODY> </HTML>
19. november 2000 - 13:43
#10
Den stopper jo aldrig!
19. november 2000 - 13:45
#11
Kan man ikke få den til at slå en buge?
19. november 2000 - 13:45
#12
Eller sådan noget??
19. november 2000 - 14:43
#13
du styrer din bevægelse i y retningen sådan her: document.all.move.style.top = (parseInt(document.all.move.style.top)+2); eller -2 og til at styrer hvornår den stopper kan du jo bruge if sætningen fra svar d. 14/11. Det var alt det hjælp du får fra mig. Det besvarer også til fulde dit spørgsmål, så der var lige de points der.
12. december 2000 - 17:24
#14
Jeg har ikke fået det svar jeg ville!! Jeg ville have en LINGE fx en der slog nogle sving, som man selv kan styre!! Ikke en der bare forsætter ud i det uendelige!!
13. december 2000 - 20:10
#15
FJOLS
Vi tilbyder markedets bedste kurser inden for webudvikling