| 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 |
#2 · Zasláno: 15. 2. 2011, 15:05:17 · Upravil/a: Chamurappi
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 * |
#3 · Zasláno: 15. 2. 2011, 15:18:34
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ů. |
||
|
Časová prodleva: 13 let
|
|||
0