Autor Zpráva
frauen
Profil *
Zdravím,

chtěl bych se zeptat, jak udělat běžící text pomocí JS? Vím, že existuje tag marquee, ale toho bych se chtěl vyvarovat. Pokud by to bylo možné, rád bych uvítal řešení pomocí jQuery.

Děkuji všem za rady.

Moderátor Chamurappi: JavaScriptu tu má vlastní kategorii, příště se zkus trefit.
Chamurappi
Profil
Reaguji na frauena:
Vím, že existuje tag marquee, ale toho bych se chtěl vyvarovat.
Proč? Špatná reputace elementu <marquee> je způsobena zejména tím, co dělá (tedy běžící text), nikoliv tím, že je to HTML element.

Pokud by to bylo možné, rád bych uvítal řešení pomocí jQuery.
1) Proč bys nechtěl raději něco efektivnějšího?
2) Napsat ta dvě klíčová slova do vyhledávače nezvládneš?
frauen
Profil *
Chamurappi:
Proč? Špatná reputace elementu <marquee> je způsobena zejména tím, co dělá (tedy běžící text), nikoliv tím, že je to HTML element.
Protože text mi běžel trhaně a četl jsem, že každý prohlížeč chápe tento tag jinak, proto bych to chtěl vyřešit pomocí JS.

1) Proč bys nechtěl raději něco efektivnějšího?
Pokud něco takového existuje tak budu rád. Jde mi jen o to, že na webu mám všechno vložené pomocí jQuery.

2) Napsat ta dvě klíčová slova do vyhledávače nezvládneš?
Hledal jsem a našel jsem následující:

// Marquee
$(document).ready(function() {
    var marquee = $("#marquee");
    marquee.css({
        "overflow": "hidden",
        "width": "100%"
    });
    marquee.wrapInner("<span>");
    marquee.find("span").css({
        "width": "50%",
        "display": "inline-block",
        "text-align": "center"
    });
    marquee.append(marquee.find("span").clone());
    marquee.wrapInner("<div>");
    marquee.find("div").css("width", "200%");
    var reset = function() {
        $(this).css("margin-left", "0%");
        $(this).animate({
            "margin-left": "-100%"
        }, 10000, 'linear', reset);
    };
    reset.call(marquee.find("div"));
});

Problém nastal, pokud byl text delší tak se zobrazil na více řádků.

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: