Kezdőoldal » Számítástechnika » Programozás » Hogyan tudok egy div-ben egy...

Hogyan tudok egy div-ben egy másik div-et mozgatni javascripttel?

Figyelt kérdés
Hogy lehet megoldani, hogy folyamatosan megállás nélkül mozogjon a belső div, anélkül, hogy elhagyná a külső területét?

2017. dec. 2. 13:39
1 2
 1/18 anonim ***** válasza:
Elsősorban pontosítsd a "folyamatosan megállás nélkül mozog" részt. Léteznek CSS animációk, lehet JS-ből is álíltgatni rá a dolgokat, a kérdés, hogy pontosan mit akarsz.
2017. dec. 2. 14:18
Hasznos számodra ez a válasz?
 2/18 A kérdező kommentje:
Igazából mindkettő érdekelne :)
2017. dec. 2. 14:22
 3/18 anonim ***** válasza:
Még egyszer leírom. Pontosíts mit értesz "folyamatosan megállás nélkül mozog" alatt.
2017. dec. 2. 15:37
Hasznos számodra ez a válasz?
 4/18 A kérdező kommentje:
Egyfolytában jobbra balra megy, de a külsődivből nem megy ki
2017. dec. 2. 15:48
 5/18 anonim ***** válasza:
80%
2017. dec. 2. 15:59
Hasznos számodra ez a válasz?
 6/18 sharkxxx ***** válasza:
100%

<!DOCTYPE html>

<html>

<head>

<style>

#div1 {

    width: 300px;

    height: 200px;

    background-color: yellow;

}

#div2 {

    width: 100px;

    height: 100px;

    top: 50px;

    background-color: red;

    position: relative;

    -moz-animation-name: example;

    -moz-animation-duration: 4s;

    -moz-animation-delay: 1s;

    -moz-animation-iteration-count: infinite;

    -moz-animation-timing-function: linear;

    -webkit-animation-name: example;

    -webkit-animation-duration: 4s;

    -webkit-animation-delay: 1s;

    -webkit-animation-iteration-count: infinite;

    -webkit-animation-timing-function: linear;

    animation-name: example;

    animation-duration: 4s;

    animation-delay: 1s;

    animation-iteration-count: infinite;

    animation-timing-function: linear;

}


@-moz-keyframes example {

    0%  {left:0px;}

    50%  {left:200px;}

    100% {left:0px;}

}


@-webkit-keyframes example {

    0%  {left:0px;}

    50%  {left:200px;}

    100% {left:0px;}

}


@keyframes example {

    0%  {left:0px;}

    50%  {left:200px;}

    100% {left:0px;}

}

</style>

</head>

<body>


<div id="div1">

    <div id="div2">

    </div>

</div>


</body>

</html>

2017. dec. 2. 16:31
Hasznos számodra ez a válasz?
 7/18 A kérdező kommentje:
Köszönöm :D
2017. dec. 2. 16:32
 8/18 anonim ***** válasza:
0%
Vajójában nem lehet megcsinálni hogy folyamatosan mozogjon, legfeljebb azt, hogy a különböző időpillanatokban más pozíciót foglaljon el a képernyőn, ezt, megfelelően kicsi időintervallumok megválasztása esetén az agyad érzékelheti úgy, mintha a div mozogna. A legcélszerűbb egyébként az lenne, ha elárulnád, hogy mi a retkes lófarkincát szeretnél elérni mozgó divek segítségével.
2017. dec. 2. 16:34
Hasznos számodra ez a válasz?
 9/18 anonim ***** válasza:
#8 Létezik olyan 'retkes lófarkinca', hogy CSS animáció. Csak szólok.
2017. dec. 2. 16:46
Hasznos számodra ez a válasz?
 10/18 anonim ***** válasza:
#9 nem az volt a kérdés hogy mivel akarja elérni, hanem hogy mit akar elérni. Amit egyébként írtam már, nem értem hogy miért kellett elismételnem.
2017. dec. 2. 17:25
Hasznos számodra ez a válasz?
1 2

Kapcsolódó kérdések:





Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu

A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!