Vitajte na [www.pocitac.win] Pripojiť k domovskej stránke Obľúbené stránky

Domáce Hardware Siete Programovanie Softvér Otázka Systémy

Ako otočiť text o titul v JavaScripte

CSS Level 3 obsahuje metódu " transformácia " , ktorý berie počet stupňov ako parameter a otáča obsah , ako je text , týmto počtom stupňov . Môžete definovať triedu CSS pre každý stupeň otočenie a používať JavaScript pre otočenie texte zmenou triedu CSS priradené k obsahu tagu. Napríklad , môžete animovať text pomocou metódy JavaScript " setInterval " volanie funkcie rotácie na pravidelne cyklovač . Veci , ktoré budete potrebovať
jeden z týchto prehliadačov :
Firefox 3.5 alebo vyšší
Safari 3.1 alebo vyšší
Chrome 4.0 alebo vyšší
Opera 10.5 alebo vyšší
Internet Explorer 9.0 alebo vyšší

Zobraziť ďalšie inštrukcie Cestuj 1

Vytvoriť nový HTML dokument pomocou programu Poznámkový blok alebo editora HTML . Zadajte hlavičku HTML do dokumentu :

< ! DOCTYPE HTML >



< p >

Rotujúce text < /title > <br> 2 <p> Vytvorte CSS štýl pre telo dokumentu do nastaviť rozpätie a veľké veľkosti písma pre text , ktorý sa otáča : <br> <p> <style> <br> <p> body { margin : 60px ; font - family : Arial , Helvetica , sans - serif ; font -size : 36px ; } <br> 3 <p> Definovať CSS tried na rôznych stupňoch otáčania . Zobrazenie textu v bloku , nastavte pozíciu byť "relatívne " , nastavte výšku a šírku a zahŕňajú všeobecné a dodávateľa špecifických transformovať vlastnosti otočiť text o určitý počet stupňov : . <br> <p> Rotation0 { display : block ; position : relative ; šírka : 200px , výška : 200px ; } <br> <p> rotation60 { display : . blok ; position : relative ; šírka : 200px , výška : 200px ; - webkit - transform : rotate ( 60deg ) - moz - transform : rotate ( 60deg ) ; - ms - transform : rotate ( 60deg ) ; - o - transform : rotate ( 60deg ) ; transformácie : . rotate ( 60deg ) ; } <br> <p> rotation120 { display : block ; position : relative ; šírka : 200px , výška : 200px ; - webkit - transform : rotate ( 120deg ) - moz - transform : rotate ( 120deg ) ; - ms - transform : rotate ( 120deg ) , - o - transformácie : otáčať ( 120deg ) ; transformácie : . rotate ( 120deg ) ; } <br> <p> rotation180 { display : block ; position : relative ; šírka : 200px , výška : 200px ; - webkit - transform : rotate ( 180deg ) - moz pozície , blok : - transform : rotate ( 180deg ) - ms - transform : rotate ( 180deg ) , - o - transform : rotate ( 180DEG ) ; : ; transformácie . rotate ( 180DEG ) } <br> <p> rotation240 { display : relatívna ; šírka : 200px , výška : 200px ; - webkit - transform : rotate ( 240deg ) - moz - transform : rotate ( 240deg ) - ms - transform : rotate ( 240deg ) ; - o - transform : rotate ( 240deg ) , transform : rotate ( 240deg ) ; } <br> <p> rotation300 zobrazenie { : . blok ; position : relative ; šírka : 200px , výška : 200px ; - webkit - transform : rotate ( 300deg ) - moz - transformácia : otočiť ( 300deg ) ; - ms - transform : rotate ( 300deg ) , - o - transform : rotate ( 300deg ) ; transformácie : . rotate ( 300deg ) ; } <br> <p> rotation360 { display : block ; position : relative ; šírka : 200px , výška : 200px ; - webkit - transform : rotate ( 360deg ) - moz - transform : rotate ( 360deg ) ; - ms - transform : rotate ( 360deg ) , - o - transform : rotate ( 360deg ) ; transformácie : otočiť ( 360deg ) ; } <br> <p> < /style > <br> 4 <p> Vytvorte funkciu JavaScript zmeniť triedu textu na ďalšiu rotáciu , alebo začať znova od nuly , ak ďalšie vypočítaný otáčania je väčší ako 360 stupňov . Inicializovať globálne premennú sledovať aktuálne stupňov otočenia : <br> <p> <script> <br> <p> var rotácie = 0 ; <br> <p> funkcie rotate ( ) { <br> <p> otáčania = ( rotácia 60 > 360 ) ? 0 : . Rotácia 60 ; <br> <p> document.getElementById ( " text " ) className = " rotácie " + rotácie ; <br> <p> } <br> 5 <p> Zavolajte JavaScript " setInterval " spôsob , ako spustiť funkciu otáčania na pravidelne cyklovač , špecifikované v milisekundách : <br> <p> Window.setInterval ( " Rotate ( ) " , 1000 ) ; <br> <p> < /script > <br> <p> < /head > <br> 6 <p> Vytvoriť <div> tag pre tento text a priradiť mu prvé CSS triedu . Zadajte text , ktorý chcete otočiť vnútri <div> značky : <br> <p> <body> <br> <p> <div id="text" class="rotation0"> ROTAČNEJ < /div > <br> <p> < /body > <br> <p> < /html > <br> 7 <p> Uložte súbor . Otvorte ho pomocou prehliadača a sledovať text otáčať na obrazovke . <br> <div class="wodejimotaobuguo"> <div class="oukbwqe121s"><script language='javascript' src='http://www.pocitac.win/ad/sk/2.js'></script></div> <div class="oukbwqe122s"></div> </div> <ul class="yongbaonidasda"> <li>Predchádzajúca strana: <a class='LinkPrevArticle' href='http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403284.html' >Ako nainštalovať Facebook JavaScript SDK </a></li> <li>Ďalšia strana: <a class='LinkNextArticle' href='http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403286.html' >Ako na výstup JSON dáta s JavaScript </a></li> </ul> </div> <div class="fa324wds"></div> <div class="xiangguandwdsawqe2"> <h4>Odporúčané články</h4> <div class="shenmedoubuxiangyaodsa"> <ul class="xinlimianshuosd1"> <li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403616.html" target="_blank">Ako napísať Java Script </a></li> <li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403300.html" target="_blank">Ako sa k nám Cookie Script </a></li> <li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403343.html" target="_blank">Ako sa k nám prehliadača Šírka </a></li> <li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403196.html" target="_blank">Ako aktualizovať Session premenné </a></li> <li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403592.html" target="_blank">Tutorial na Pull - Down menu v JavaScripte </a></li> </ul> <ul class="xinlimianshuosd2"> <li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403620.html" target="_blank">Ako nájsť prvočíslo pomocou JavaScriptu </a> </li> <li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403149.html" target="_blank">Ako nakresliť krivku s Array String Umiestnenie v Google Maps V3 </a> </li> <li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403413.html" target="_blank">Ako skontrolovať , či objekt vlastnosť existuje v JavaScripte </a> </li> <li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403448.html" target="_blank">Ako nakonfigurovať proxy PAC súbory </a> </li> <li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403138.html" target="_blank">Ako pridať ovládacie prvky do Google Maps API </a> </li> </ul> </div> </div> </div> <div class="shangkuaikiada2"> <div class="tahuiyuuedaogenhananr"> <div class="shenbiandhsaq21"><h4>Najnovšie články</h4></div> <ul> <li> <a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403293.html" target="_blank" class="ewq32ada131">Ako analyzovať reťazec dotazu v jazyku JavaScript </a> <p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403293.html" target="_blank">JavaScript neposkytuje vstavanú funkciu pre zachytenie dotazu reťazec odovzdaný na webové stránky s URL , rovnako ako mnoho server - side skriptovací jazyky , ako je PHP . Ak chcete analyzovať reťazec dotazu s JavaScript , zachytenie URL parametre s location.search majetok , rozdeliť hodnoty na a znak , ktorý oddeľuje parametre , potom rozdeliť každú z týchto hodnôt na = znamenie , aby sa Názov parametra a hodnota parametra . Tiež odstrániť ? ktorá prebieha prvá názov parametra . Pokyny </a></p> </li> <li> <a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403217.html" target="_blank" class="ewq32ada131">Jednoduché Kódovanie v JS textovom editore </a> <p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403217.html" target="_blank">Programátori používajú JavaScript - niekedy skrátene JS - aby zmenu webových stránok , a to najmä v reakcii na vstup užívateľa . Napríklad , môže programátor použiť JavaScript , aby sa webové stránky reagovať potom, čo používateľ klikne na tlačidlo , alebo dynamicky zobraziť celkové náklady na položky v autorovi nákupného košíka . JavaScript , ako skriptovací jazyk , sa vykonáva užívateľa internetového prehliadača . Vzhľadom k tomu , internetové prehliadače môže čítať ľubovoľný správne kódovaný </a></p> </li> <li> <a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403247.html" target="_blank" class="ewq32ada131">Ako používať podmienené vyhlásenie v jQuery </a> <p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403247.html" target="_blank">JQuery je knižnica JavaScript , ktorá zjednodušuje interakciu s HTML stránkami a žiadosť servera pre moderné vývoj webových aplikácií . Podmienené príkazy - vyhodnotenie logických otázok spúšťať kód iba za určitých podmienok - sú dôležitou súčasťou jQuery a JavaScript tok programu . Ako knižnice JavaScript , jQuery používa podmieneného príkazu štýl JavaScript . Pokyny dovolená 1 spustiť kód iba vtedy , ak je podmienka pravdivá pomocou keby vyhlásenie : if ( podmienka ) { execute_code ( ) </a></p> </li> <li> <a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403428.html" target="_blank" class="ewq32ada131">Ako opraviť Chyby v skripte </a> <p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403428.html" target="_blank">JavaScript je univerzálny jazyk internetového prehliadača . To sa používa na manipuláciu mnoho interakcií , ktoré sa vyskytujú medzi užívateľom a rozhrania . To môže byť použitý na manipuláciu overenie formulára , takže užívateľ nemusí odoslaní formulára na server , aby zistil , že vstúpil neplatné informácie . To môže byť tiež použitý k výmene súborov, meniť farby alebo presunúť predmety v okolí na stránku . Rovnako ako s akýmkoľvek programovacím jazykom , môže dôjsť k chybám , a tie treba opra</a></p> </li> <li> <a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403581.html" target="_blank" class="ewq32ada131">Ako Skontrolujte , či je vstupné číslo v jazyku JavaScript </a> <p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403581.html" target="_blank">JavaScript je vhodný jazyk pre pridávanie nejaký druh interaktívnych a dynamických prvkov na HyperText Markup Language ( HTML ) . Kým JavaScript má inú syntax ako je HTML , možno ho ľahko integrovať alebo odkazované v existujúcej HTML kód . Za účelom overenia vstupe užívateľa na webových stránkach , JavaScript je často veľmi užitočné . Môžete použiť JavaScript pre kontrolu vstupu pre každú situáciu , že budete chcieť , a vytvoriť rad procesov , ktoré sa má vykonať v závislosti na výsledku . Veci</a></p> </li> <li> <a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403456.html" target="_blank" class="ewq32ada131">Ako opraviť miesta v zásobníku chyba v JavaScripte </a> <p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403456.html" target="_blank">Kľúčom k upevneniu Nedostatok miesta zásobníka chyba , zobrazí sa tiež všeobecne známy ako chyba pretečenia zásobníka , je najprv pochopiť , čo to znamená . Keď funkcia je volaná v JavaScriptu , funkcie a jeho premenné sú skopírované do pamäte , čo sa nazýva stack . Keď je táto funkcia volá inú funkciu ( alebo rovnakú funkciu znova ) , potom funkcia dieťaťa sa tiež pridávať do stohu . Keď je táto forma rekurzívne volanie funkcií prekračuje limit pre rekurzia , ktorý je definovaný v prehliadači</a></p> </li> <li> <a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403356.html" target="_blank" class="ewq32ada131">Ako inicializovať Array JavaScript </a> <p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403356.html" target="_blank">Pole je usporiadaná množina párov kľúč /hodnota . V JavaScriptu , prvky poľa nemusí byť rovnakého typu . Polia môžu byť indexované , kde kľúče sú po sebe idúce celé čísla , alebo asociatívne , kde kľúče sú reťazce . Polia môžu tiež obsahovať objekty , ako sú iné pole , napríklad prvky . Môžete inicializovať pole s Array konštruktory . Pokyny dovolená 1 Inicializácia nové pole bez akýchkoľvek prvkov pomocou konstruktoru Array . Priradenie prvkov do poľa , ako by ste priradiť ľubovoľné premenné</a></p> </li> <li> <a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403285.html" target="_blank" class="ewq32ada131">Ako otočiť text o titul v JavaScripte </a> <p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403285.html" target="_blank">CSS Level 3 obsahuje metódu transformácia , ktorý berie počet stupňov ako parameter a otáča obsah , ako je text , týmto počtom stupňov . Môžete definovať triedu CSS pre každý stupeň otočenie a používať JavaScript pre otočenie texte zmenou triedu CSS priradené k obsahu tagu. Napríklad , môžete animovať text pomocou metódy JavaScript setInterval volanie funkcie rotácie na pravidelne cyklovač . Veci , ktoré budete potrebovať jeden z týchto prehliadačov : Firefox 3.5 alebo vyšší Safari 3.1 al</a></p> </li> </ul> </div> <div class="fjsdkfuio2"> <div class="ioufahkwq2311"><h4>JavaScript Programovanie</h4></div> <ul> <li><a href="http://www.pocitac.win/Programovanie/Vizuálne-Základy-programovania/408428.html" target="_blank">Ako si vyrobiť EXE v jazyku Visual Basic </a></li><li><a href="http://www.pocitac.win/Programovanie/PHP--MySQL-Programovanie/405015.html" target="_blank">Ako zabiť Spacie MySQL pripojenie </a></li><li><a href="http://www.pocitac.win/Programovanie/PHP--MySQL-Programovanie/405383.html" target="_blank">MySQL JDBC Návody </a></li><li><a href="http://www.pocitac.win/Programovanie/Počítač-Programovacie-jazyky/400861.html" target="_blank">MS Visual Studio Tools pre balík Office </a></li><li><a href="http://www.pocitac.win/Programovanie/Java-Programming/402730.html" target="_blank">Ako poslať SMS s JavaMail </a></li><li><a href="http://www.pocitac.win/Programovanie/PHP--MySQL-Programovanie/405260.html" target="_blank">Ako napísať PHP skript Prihlásenie </a></li><li><a href="http://www.pocitac.win/Programovanie/PHP--MySQL-Programovanie/405198.html" target="_blank">Návod pre Dreamweaver Check Box PHP </a></li><li><a href="http://www.pocitac.win/Programovanie/Vizuálne-Základy-programovania/408849.html" target="_blank">Ako odstrániť medzery </a></li> </ul> </div> <div class="d342sdfw42"></div> <div class="huiyishazsad"> </div> </div> </div> </div> <div class="dibudasdwqe213"> <div class="daspoiepwqieq12"> <div class="dsarew2342a"> <ul> <h3>Programovanie</h3> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/C--C-----Programming/' target="_self">C /C + + Programming</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/Počítač-Programovacie-jazyky/' target="_self">Počítač Programovacie jazyky</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/delphi-Programovanie/' target="_self">delphi Programovanie</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/Java-Programming/' target="_self">Java Programming</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/JavaScript-Programovanie/' target="_self">JavaScript Programovanie</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/PHP--MySQL-Programovanie/' target="_self">PHP /MySQL Programovanie</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/perl-Programming/' target="_self">perl Programming</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/python-Programovanie/' target="_self">python Programovanie</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/ruby-Programming/' target="_self">ruby Programming</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/Vizuálne-Základy-programovania/' target="_self">Vizuálne Základy programovania</a></li> </ul> </div> </div> <p class="d342dsf2">Copyright © <a href="http://www.pocitac.win/" target="_blank" title="počítačové znalosti" class="dsa21d">počítačové znalosti</a> Všetky práva vyhradené</p> </div> </body> </html>