JavaScript je list Informácie o kaskádových štýlov na webovej stránke zmeniť , čo obraz sa sťahoval do rôznych pozícií na stránke , na základe užívateľského vstupu . Príkladom toho je HTML , štýlu a demonštrácie JavaScript , ktorý umožňuje obraz sa pohyboval na stránku náhodným spôsobom ako kurzor myši je na ňom umiestnený . Na dosiahnutie tohto cieľa , pozičné atribúty obrazu sú zmenené, ako sa vyskytujú u myší v priebehu udalosti . Veci , ktoré budete potrebovať
textový editor
webový prehliadač
Zobraziť ďalšie inštrukcie Cestuj 1
Otvorte nový dokument v textovom editore . Uložte súbor ako
2
Napíšte dokument kód hlavičky
< DOCTYPE html PUBLIC " " moveimage.html . " - . ! //W3C //DTD XHTML 1.0 Strict //SK "
" http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd " >
< html xmlns = " http://www .w3.org/1999/xhtml " >
Move obrázku < /title > <br> <p> < meta content = " text /html ; charset = utf - 8 style " http - equiv = " Content - Type " /> <br> 3 <p> Napíšte dokument kód <br> <p> < typ style = . " text /css " > <br> <p> # image <br> <p> { <br> <p> position : absolute ; <br> <p> z - index : 0 ; <br> <p> viditeľnosť : viditeľná ; <br> <p> top : 10eme ; <br> <p> vľavo : 10eme ; <br> <p> šírka : 5em ; <br> <p> výška : 5em <br> <p> } <br> <p> < /style > <br> 4 <p> Napíšte dokument JavaScript kód . <br> <p> <script type="text/javascript"> <br> <p> var x ; <br> <p> var y ; <br> <p> funkcia pauza ( ms ) <br> <p> { <br> <p> dátum var = new Date ( ) ; <br> <p> var CURDATE = null ; <br> <p> robiť { CURDATE = new Date ( ) ; } <br> <p> kým ( CURDATE - dátum < ms ) ; <br> <p> } <br> <p> funkcie moveImage ( ) <br> <p> { <br> <p> x = Math.floor ( Math.random ( ) * 40 ) ; <br> <p> y = Math.floor ( Math.random ( ) * 30 ) ; <br> <p> pozastaviť ( 300 ) ; . <br> <p> document.getElementById ( " image " ) style.top = y + " em " ; <br> <p> document.getElementById ( " image " . ) style.left = x + " em " ; <br> <p> } <br> <p> < /script > <br> <p> < /head > <br> 5 <p> Napíšte dokument tela kód . <br> <p> <body> <br> <p> < img id = " image " src = " http://www.objcom.com/brianb.png " onmouseover = " moveImage ( ) " /> <br> <p> < /body > <br> <p> < /html > <br> 6 <p> Otvorte tento súbor v prehliadači . Presuňte ukazovateľ myši na obrázok , a to sa presunúť na novú pozíciu na stránke . <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/403331.html' >Ako skryť pomocou triedy v jazyku JavaScript </a></li>
<li>Ďalšia strana: <a class='LinkNextArticle' href='http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403333.html' >Ako Count Down Použitie 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/403512.html" target="_blank">Ako sa učiť Java Script </a></li>
<li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403355.html" target="_blank">Ako prepojiť externý js </a></li>
<li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403629.html" target="_blank">Ako vytvoriť špeciálne efekty pre vaše webové stránky - aj keď nemôžete písať kód </a></li>
<li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403212.html" target="_blank">Ako dať podmienené príkazy v JS súboru </a></li>
<li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403239.html" target="_blank">Ako vymazať rozbaľovacieho v jQuery </a></li>
</ul>
<ul class="xinlimianshuosd2">
<li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403519.html" target="_blank">Tutorial JavaScript efekty pozadia </a> </li>
<li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403538.html" target="_blank">Ako vyplniť ComboBox s JavaScript </a> </li>
<li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403170.html" target="_blank">Ako Otočenie šifry v JavaScripte </a> </li>
<li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403615.html" target="_blank">Čo JavaScript robiť ? </a> </li>
<li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403616.html" target="_blank">Ako napísať Java Script </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/403192.html" target="_blank" class="ewq32ada131">Krabice Vs . Krabica 2 </a>
<p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403192.html" target="_blank">krabice je program Javascript vytvorený Lokeš Dhakar . To ukazuje veľké obrázky na webových stránkach vo forme vstavaných pop - up okná , ktoré dočasne objaviť v prednej časti obsahu stránky . Aktualizovaná verzia lightboxu , krabice 2 sa vzťahuje na všetky verzie 2.x ( napr. 2.05 ) . Krabica 2 obsahuje rad nových funkcií a vlastností , ktoré pôvodný program nedodal . Je tiež opravuje problémy s Lightboxu a zlepšuje proces inštalácie rôznymi spôsobmi . Funkcie krabice 2 lepší počtu existujúc</a></p>
</li>
<li>
<a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403571.html" target="_blank" class="ewq32ada131">Ako ovládať posuvníky pomocou JavaScriptu </a>
<p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403571.html" target="_blank">Pretože JavaScript je klient - side jazyk , ktorý beží na spoločnom prehliadači , môže byť použitý na zobrazenie interaktívnych webových stránok . JavaScript môže byť použitý na ovládanie okna posuvník funkcie webovej stránky . V skutočnosti , to je možné vytvoriť pop - up okno , ktoré nemá žiadne posuvníky vôbec pomocou jazyka JavaScript . Aby JavaScript ponúknuť túto úroveň interaktivity však musí byť spojené ako CSS a JavaScript súbory . Pokyny dovolená 1 Otvorte svoj HTML editor aplikácie</a></p>
</li>
<li>
<a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403151.html" target="_blank" class="ewq32ada131">Ako používať Google Maps API Vzdialenosť Radius </a>
<p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403151.html" target="_blank">môžete upraviť mapu Google riešiť špecifické potreby vašej webovej stránky publikum pomocou Google Maps 3.0 API . Jednou z metód je umiestniť kruh ukazuje polomer vzdialenosť okolo určitom mieste . Napríklad , umiestnite kruh zobrazujúci päť kilometrov okolo turistické miesto , takže užívatelia môžu prezerať hotely a reštaurácie v blízkosti atrakcií . Ak chcete vytvoriť polomer vzdialenosť okolo umiestnenia alebo značku , použite Google Maps Circle triedy . Pokyny dovolená 1 Otvorte svoj sú</a></p>
</li>
<li>
<a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403291.html" target="_blank" class="ewq32ada131">Ako načítať DIV do iného DIV dynamicky </a>
<p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403291.html" target="_blank">Dynamické webové stránky reagovať na vstup užívateľa a meniť ich obsah na stránke . Niekoľko skriptovacie jazyky možno dosiahnuť tohto efektu . Jeden z najjednoduchších a najviac populárne je použiť JavaScript . To vám umožní zmeniť obsah prvkov v HTML , ako je napríklad divs ( kontajnery o obsahu ) , na základe žaloby , ako je kliknutie alebo vznášanie myši. Kliknutím myši môžete vytvoriť nový div vnútri existujúceho , generovanie obsahu týkajúce sa kliknutí na tlačidlo . Postupujte pár krokov </a></p>
</li>
<li>
<a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403275.html" target="_blank" class="ewq32ada131">Ako overiť Kontrolné zoznamy pre Joomla </a>
<p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403275.html" target="_blank">bezpečnostné otázky internete sú niektoré z najdôležitejších on - line tém , a je rýchly oblasť rozvoja . Nie sú žiadne pevné riešenie , vyriešiť všetky problémy bezpečnosti . Avšak , kontrolné zoznamy vám pomôžu znížiť narušenia bezpečnosti a rizík na vaše Joomla webových stránkach . Tieto zoznamy zahŕňajú pravidelné zálohovanie miesta , bezpečný hosting , vhodný hosting a nastavenia servera , bezpečné testovanie a vývoj a správnu konfiguráciu Joomla a správu webu . Veci , ktoré budete potrebov</a></p>
</li>
<li>
<a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403494.html" target="_blank" class="ewq32ada131">Javascript návod pre PDF </a>
<p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403494.html" target="_blank">Javascript spolupracuje s PDF súbormi vytvárať , spravovať a upravovať dokumenty z kódu na strane klienta . Client - side kód vám poskytuje možnosť spustiť príkazy webovej stránky z počítača svojho čitateľa . Vytváranie dokumentov PDF s JavaScriptu vyžaduje len niekoľko riadkov kódu , a vaši čitatelia sú schopní prezerať a sťahovať vytvorené súbory . To je výhodné , ak chcete automatizovať tvorbu PDF potom, čo užívateľ načíta stránku a prejde nejaký vstup . Funkcia Javascript vykoná a vytlačí PD</a></p>
</li>
<li>
<a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403511.html" target="_blank" class="ewq32ada131">Javascript Grid Tutorial </a>
<p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403511.html" target="_blank">mriežky dát , tiež volal multi - dimenzionální pole alebo matica , je matematika koncept realizovaný v prakticky každom počítači programovacím jazykom , ktorý existuje , vrátane JavaScript . V JavaScriptu , vyhlásení pre matice nie je elegantné , ale nie je to ťažké buď jednoducho vyhlásiť nadradený poľa a priradiť nové pole pre každý prvok tejto materskej poľa . Potom môžete pristupovať k dátam na matrike ako obvykle cez indexy , ktoré ste vytvorili . Návod dovolená 1 Skopírujte a vložte nasle</a></p>
</li>
<li>
<a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403598.html" target="_blank" class="ewq32ada131">Ako nahradiť ignoreCase </a>
<p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403598.html" target="_blank">Výmena reťazec znakov v jazyku JavaScript je case - špecifické v predvolenom nastavení . Napríklad znak A je iná hodnota ako . To sa stáva ťažké pre programátorov , keď sú dlhé reťazce používajú v nastavení aplikácie . JavaScript umožňuje programátorovi nahrádzanie reťazcov v JavaScripte pomocou ignoreCase prepínač . Pokyny dovolená 1 Vytvorte tagu script do stránky HTML kódu . Nasledujúci je potreba znamenať blok JavaScript . 2 Vytvorte reťazec k hľadaniu a reťazec použiť ako náhradu</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/Java-Programming/401828.html" target="_blank">Ako nájsť počet listov v indexe String v jazyku Java </a></li><li><a href="http://www.pocitac.win/Programovanie/PHP--MySQL-Programovanie/404871.html" target="_blank">Ako Echo PHP pre MySQL Error </a></li><li><a href="http://www.pocitac.win/Programovanie/Vizuálne-Základy-programovania/408481.html" target="_blank">Ako používať textové pole pre názov súboru VB6 </a></li><li><a href="http://www.pocitac.win/Programovanie/PHP--MySQL-Programovanie/404449.html" target="_blank">Ako zaobchádzať Získanie jeden kus výsledkov v MySQL Query v PHP </a></li><li><a href="http://www.pocitac.win/Programovanie/python-Programovanie/406294.html" target="_blank">Ako zmeniť Python verzie Snow Leopard </a></li><li><a href="http://www.pocitac.win/Programovanie/Vizuálne-Základy-programovania/407783.html" target="_blank">Ako môžem ladiť Visual Basic </a></li><li><a href="http://www.pocitac.win/Programovanie/Počítač-Programovacie-jazyky/400237.html" target="_blank">Rozdiely medzi Prológ a Lisp </a></li><li><a href="http://www.pocitac.win/Programovanie/Počítač-Programovacie-jazyky/400023.html" target="_blank">Ako do centra Drop - Down v HTML </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>
<div class=clink> </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>