• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Animowany tekst

VPS Starter Arubacloud
0 głosów
1,637 wizyt
pytanie zadane 1 kwietnia 2017 w JavaScript przez Kamil Gąsior Obywatel (1,430 p.)
zmienione kategorie 1 kwietnia 2017 przez draghan
Hej wszystkim ;) Mam taki mały problem, że kombinowałem na wiele sposobów, ale zawsze to samo. Chce, aby tekst przesunął się w lewo i odbił się w prawo i tak w kółko. Niestety coś mi go zatrzymuje jak chce go przesunąć w prawo :/ Proszę o pomoc :)

 

<!DOCTYPE>
<HTML>
<head>
<style>
#napis
{
position:absolute;
background-color: yellow;
width:210px;
float:left;
}
</style>
<meta charset="utf-8"/>
<script type="text/javascript">
function animacja()
{
var blok=document.getElementById('napis');
if(parseInt(blok.style.left) < 50)
{
blok.style.left=(parseInt(blok.style.left)+3)+"px";

}else
{
blok.style.left=(parseInt(blok.style.left)-3)+"px";
}

}
window.setInterval("animacja()",100);
</script>
</head

<body>

<div id="napis" style="left:300px;">Mój napis</div>
</body>
</html>

1 odpowiedź

0 głosów
odpowiedź 1 kwietnia 2017 przez CzikaCarry Szeryf (75,340 p.)
Możesz to zrobić o wiele łatwiej przy użyciu animacji CSS: http://webkod.pl/kurs-css/lekcje/dzial-1/animacja-elementu-animation-css3
komentarz 1 kwietnia 2017 przez Kamil Gąsior Obywatel (1,430 p.)
Niestety muszę to zrobić w JavaScript'cie, ale dziękuje za podpowiedź ;)
komentarz 1 kwietnia 2017 przez CzikaCarry Szeryf (75,340 p.)
Ale dlaczego musisz to zrobić w JavaScripcie? Ktoś Ci kazał? Jeśli tak, to po prostu dodaj klasę CSS do elementu przy pomocy JavaScriptu i zrobione :D
komentarz 2 kwietnia 2017 przez Kamil Gąsior Obywatel (1,430 p.)
Tak, bo to zadanie domowe jest :D

Podobne pytania

0 głosów
1 odpowiedź 532 wizyt
pytanie zadane 29 września 2018 w Grafika i multimedia przez Jan Machelski Nowicjusz (200 p.)
0 głosów
0 odpowiedzi 423 wizyt
0 głosów
1 odpowiedź 1,253 wizyt
pytanie zadane 13 września 2017 w HTML i CSS przez Damian Prymus Początkujący (380 p.)

92,947 zapytań

141,899 odpowiedzi

321,118 komentarzy

62,283 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Wprowadzenie do ITsec, tom 2

Można już zamawiać tom 2 książki "Wprowadzenie do bezpieczeństwa IT" - będzie to około 650 stron wiedzy o ITsec (17 rozdziałów, 14 autorów, kolorowy druk).

Planowana premiera: 30.09.2024, zaś planowana wysyłka nastąpi w drugim tygodniu października 2024.

Warto preorderować, tym bardziej, iż mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy dodatkowe 15% zniżki! Dziękujemy zaprzyjaźnionej ekipie Sekuraka za kod dla naszej Społeczności!

...