javascript - Při použití CSS přechodů/animací/atd., jaký je nejlepší způsob, jak přejít na jQuery, pokud prohlížeč uživatele nepodporuje CSS animace?

Hledám způsob, jak použít CSS animace, ale pokud prohlížeč uživatele CSS animace nepodporuje, pak přejít k použití Jquery pro animaci. Existuje na to nějaký jednoduchý způsob v Jquery? Plugin by byl v pořádku, pokud by šlo o malý plugin, ale opravdu hledám něja

Přečtěte si více →

javascript - Jak vytvořit rotující ozubené kolo pomocí CSS3 a jQuery?

Mám následující stránku, která je ve Flashi s rotujícími ozubenými koly v pozadí:

http://thedrivepartnership.com/index.html

Chtěl bych vytvořit něco podobného pomocí CSS a JavaScriptu - neví někdo o nějakých příkladech?

Odpověď č. 1

Předpokládám, že co bys

Přečtěte si více →

javascript - Mohu dočasně vypnout všechny CSS3 přechody/animace, zatímco se prvek vytváří?

Vytvořil jsem poměrně složité menu pro webovou stránku. Menu žije z obrovského množství animací, které jsou založeny na CSS3. Nicméně, když přejdu na jinou stránku, mělo by se menu zpočátku sestavit - a bez všech animací, ale provedeno pomocí JS a ne na straně serveru.

Teď přemýšlím, jak bych mohl dočasně úplně vypnout všechny přechody/animace, dokud nebude menu vytvořeno.

Přemýšlel jsem o vytvoření podtřídy, která by přepisovala animace, ale zdá se, že to nefunguje, protože se vž

Přečtěte si více →

php - Je používání CSS tříd pro JS značkování špatná praxe?

Scénář:

• Domovská stránka, která je generována pomocí PHP a šablonovacího systému.
• Stránka je přestavována.
• Nový design je založen na jQuery UI.
• Současný CMS používá několik šablon: šablonu stránky, šablonu detailů článku, šablonu komentářů atd.

Přečtěte si více →

javascript - Jak mohu vytvořit virtuální kostku (pro hraní kostkami) pomocí HTML a CSS?

Snažím se vytvořit virtuální kostku (pro hraní kostek) pomocí CSS/HTML a JavaScriptu... Moje část v JavaScriptu funguje, ale nedaří se mi, aby HTML/CSS zobrazilo kostku tak, jak chci (bez vytváření tabulky bez okrajů a umisťování každé tečky do buňky). Vytvořil jsem následující JS

Přečtěte si více →

Přečtěte si soubor CSS pomocí Javascriptu a dynamicky změňte stránku

Takže CSS @media dotazy nefungují v IE8.

@media (min-width: 768px) { /* some css */ } @media (min-width: 972px) and (max-width: 1024px){ /* different css */ }

Teď bych mohl vytvořit samostatné CSS soubory pojmenované IE_min768.css a IE_min972_max1024 a použít Javascript k dynamickému načítání a odstraňování souborů při změně šířky stránky. Ale to porušuje princip D.R.Y. a bylo by to obtížné udržovat CSS na více místech.

Přečtěte si více →

Přechody CSS blokované JavaScriptem

Snažím se vytvořit načítací lištu během velmi náročného období JavaScriptu, kdy jsou tvořena a plněna docela těžká 3D pole. Tato načítací lišta musí zůstat prázdná, dokud uživatel neklikne na tlačítko.

Zmrazení nastává ať už používám -webkit-transition, nebo ne (Tato aplikace může být výhradně pro Chr

Přečtěte si více →

javascript - Vytváření resizovatelné webové stránky při nedostatku dovedností v CSS - CSS tvary

To je moje první otázka zde, takže prosím upozorněte mě na jakékoliv chyby, které jsem udělal. Bylo mi nařízeno vytvořit webovou stránku, která vypadá jako vlajka týmu. Podařilo se mi to udělat, ale jen s pevnou velikostí prvků :

Na jiných rozlišeních se to prostě ne

Přečtěte si více →

javascript - Převést hodnotu zorného pole na hodnotu perspektivy CSS3D

Pokud bych chtěl mít kameru s 60° zorným polem, jak potom spočítat hodnotu perspektivy v CSS3D?

perspective: ?; perspective-origin: center center;

Našel jsem popis o tom, jak vypočítat projekční matici z hodnoty perspektivy, ale stále tomu úplně nerozumím: http://www.w3.org/

Přečtěte si více →

javascript - Při najetí myší zvětšit obrázek a zobrazit nad ním text CSS3

Snažím se vytvořit responzivní stránku s obrázky pro můj web. Zatím jsem nastavil, aby všechny obrázky na stránce byly responzivní a zůstávaly vycentrované bez ohledu na velikost prohlížeče.

Můj problém je, že když najedu myší na obrázek, zvětší se, ale vytlačí všechny ostatní obrázky z jejich místa. C

Přečtěte si více →