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 ovládať posuvníky pomocou JavaScriptu

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 vyhlasujú , 2 divs v dokumente s názvom " posuvník " a " Scroll " . Divs sú značky , ktoré definujú logické rozdelenie na webových stránkach v obsahu webových stránok a môžu byť pridané rovnakým spôsobom , ako sa pridávajú tabuľky a bunky tabuľky . Prvky prvej posuvníka na HTML stránky by mal vyzerať takto :

Ovládanie posuvníky s JavaScriptu < /dlaždice > < /head > <body> ... <div id="scrollholder" class="scrollholder"> <div id="scroll" class="scroll"> ... umiestniť obsah posúvanie tu ... < /div > < /div > <script type="text/javascript"> < - ! ScrollLoad ( " scrollholder " , " listovať " , true ) ;//- > < /script > ... < /body > <br> <p> Umiestnite obsah webových stránok v 2 divs <br> 2 <p> vyhlásiť , CSS a JavaScript súborov vo formáte . záhlavie stránky HTML takto : <br> <p> <head> ... < link rel = " stylesheet " type = " text /css " href = " scroll.css " mce_href = " scroll.css " media = " screen , projekcia " /> <script type="text/javascript" language="JavaScript" src="scroll.js" mce_src="scroll.js"> < /script > ... < /head > <br> <p> Umiestnite prvky druhého a ďalších posuvníky na HTML stránke takto : <br> <p> ... <div id="scrollholder2" class="scrollholder"> ; <div id="scroll2" class="scroll"> ... umiestniť obsah posúvanie tu ... < /div > < /div > <script type="text/javascript"> < - ! ScrollLoad ( " scrollholder2 " , " scroll2 " , false ) ;//- > < /script > ... <br> 3 <p> Vytvorte súbor " Scroll.js " a skopírovať nasledujúci kód do súboru : <br> <p> /* počet posúvanie objektov * /document.No = 0 ; <br> <p> var isOpera = ( window.navigator.userAgent.indexOf ( " Opera " ) > -1 ) ; <br> <p> funkcie ScrollLoad ( Area , obsah , SettingTracSize ) { var code = " var scroller " + document.No + " = new dw_scrollObj ( Area , obsah , obsah , oblasť , document.No ) " ; if ( SettingTracSize ) kód + = " scroller " + dokument . Nie + " setBarSize ( ) ; . " ; eval ( kód ) ; makeMouseWheeleScrolling ( oblasť ) ; document.No + + ; } <br> <p> /* <Mouse wheel scrolling> * /var mouseWheelTimer = 0 ; <br> <p> funkcie makeMouseWheeleScrolling ( objname ) { var obj = document.getElementById ( objname ) ; <br> <p> if ( obj.addEventListener ) { obj.addEventListener ( " DOMMouseScroll " , kolesá , false ) ; } obj.onmousewheel = kolesá ; } <br> <p> funkcie moveup ( rodič ) { dw_scrollObj.initScroll ( parent.id , " up " ) ; clearInterval ( mouseWheelTimer ) ; mouseWheelTimer = setTimeout ( " mouseStop ( ' " + parent.id + " " ) ; " , 200 ) ; } <br> <p> funkcie moveDown ( rodič ) { dw_scrollObj.initScroll ( parent.id , " down " ) ; clearInterval ( mouseWheelTimer ) ; mouseWheelTimer = setTimeout ( " mouseStop ( ' " + parent.id + " " ) ; " , 200 ) ; } <br> <p> funkcie mouseStop ( ParentID ) { dw_scrollObj.stopScroll ( ParentID ) ; mouseWheelTimer = 0 ; } <br> <p> /* funkcia kolieska myši prejdite na myši efect kolesá cez objekt s mojím js posuvník * /funkcia rukoväte ( delta , materské ) { var s = delta + " : " ; if ( delta < 0 ) { if ( isOpera ) moveup ( rodič ) ; elsemoveDown ( rodič ) ; } else { if ( isOpera ) moveDown ( rodič ) ; elsemoveUp ( rodič ) ; } } <br> <p> funkcie kolesá ( event ) { var delta = 0 ; ( ! udalosť ) , ak udalosť = window.event , ak ( event. wheelDelta ) { delta = event.wheelDelta/120 ; if ( window.opera ) delta = - delta ; } else if ( event.detail ) { delta = - event.detail /3 ; } if ( delta ) rukoväť ( delta , to ) ; . } /* < /koliesko myši rolovanie > * /<br> 4 <p> Zaistite , aby všetky vaše súbory sú uložené v rovnakom priečinku a spustiť stránku HTML vyskúšať <br> <br> <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/403570.html' >Ako diagnostikovať problémy s JavaScript </a></li> <li>Ďalšia strana: <a class='LinkNextArticle' href='http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403572.html' >Ako skontrolovať webové stránky pre Bug 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/403568.html" target="_blank">Ako zmeniť veľkosť písma v Java Script </a></li> <li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403523.html" target="_blank">JavaScript Target iFrame dokumente Tutorial </a></li> <li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403527.html" target="_blank">Ako vytvoriť maliarske farby </a></li> <li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403109.html" target="_blank">Javascript Čiastková funkcia </a></li> <li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403496.html" target="_blank">Ako používať Javascript S Excel </a></li> </ul> <ul class="xinlimianshuosd2"> <li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403450.html" target="_blank">Ako zmeniť obrázok pozadia na priecestí </a> </li> <li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403504.html" target="_blank">Štruktúra JavaScript </a> </li> <li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403152.html" target="_blank">Ako si vyrobiť animáciu skákajúceho lopty v HTML </a> </li> <li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403527.html" target="_blank">Ako vytvoriť maliarske farby </a> </li> <li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403617.html" target="_blank">Ako pridať Blog tlačidlo s textom políčka pod ním pre zákonníka </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/403337.html" target="_blank" class="ewq32ada131">Ako si vyrobiť DIV viditeľné s Listovanie v JavaScripte </a> <p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403337.html" target="_blank">Ak chcete DIV viditeľný v JavaScripte , musí byť deklarovaná ako kaskádových štýlov ( CSS ) objekt , s atribútom viditeľnosti sa rovná vidieť . Pretečeniu displeja je riadený podobným spôsobom . Prehlasujem , DIV atribút objektu pretečeniu presne auto . DIV potom bude viditeľný v rámci stránky . Posuvníky budú k dispozícii by mal obsah pretečeniu dostupný priestor v rámci DIV . Veci , ktoré budete potrebovať klipart textový editor klipart webového prehliadača Zobraziť ďalšie inštrukcie Cest</a></p> </li> <li> <a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403446.html" target="_blank" class="ewq32ada131">Prečo je skript Spomalenie na ikonu Tento počítač nadol ? </a> <p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403446.html" target="_blank">Skripty sú programy vložené do webových stránok , ktoré pomáhajú poskytnúť interaktívny zážitok pre ľudí , keď navštívite webovú stránku . Skripty môžu spomaliť počítač , ak sa im nepodarí načítať správne , majú programovanie chyby alebo načítať príliš pomaly . Význam skripty , ako ActiveX a Java určiť spôsob , informačné zaťaženie na na webovej stránke . Problémy s skriptov sa teda spomaliť váš internetový prehliadač , a dokonca aj zmrazenie počítača , núti majiteľa k reštartovanie . Vlastno</a></p> </li> <li> <a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403284.html" target="_blank" class="ewq32ada131">Ako nainštalovať Facebook JavaScript SDK </a> <p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403284.html" target="_blank">Facebook dodáva Development JavaScript Software Kit , alebo SDK , ktorá poskytuje metódy a nástroje potrebné pre vývoj Facebook aplikácií pomocou jazyka JavaScript . Predtým , než si môžete stiahnuť a nainštalovať Facebook JavaScript SDK , musíte vytvoriť a zaregistrovať žiadosti s Facebook , aby si ich ID aplikácie pre použitie s SDK . Návod dovolená 1 Prejdite na stránku nastavení Facebook Developers na Facebooku na developers.facebook.com /nastavenie . Zadajte názov servera a adresu , v príp</a></p> </li> <li> <a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403322.html" target="_blank" class="ewq32ada131">Ako sa k nám Int hodnoty v jQuery </a> <p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403322.html" target="_blank">Získanie hodnotu celé číslo v jQuery je dôležitá zručnosť . Získaním hodnotu celé číslo , môžete použiť tieto dáta s inou premennou alebo jeho výstup v nejakej móde , napríklad textu , pre užívateľa . Pochopenie tohto procesu vám umožní získať hodnoty ostatných premenných a dátových typov , čo vedie k úplnej pochopeniu jQuery API . Pokyny dovolená 1 Otvorte IDE ( Integrated Development Environment ) podľa Vášho výberu a nájsť časť jQuery kódu , ktorý chcete upraviť . 2 Vytvoriť HTML div sa id</a></p> </li> <li> <a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403526.html" target="_blank" class="ewq32ada131">Jednoduchá Dynamic menu pre webové stránky </a> <p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403526.html" target="_blank">Ponuka webové stránky , alebo navigačná lišta , hrá dôležitú úlohu v tom , ako používateľ môže preskúmať webové stránky . Dynamická ponuka , a to najmä , zvyšuje skúsenosti vaše návštevníkov a dodáva život do webových stránok . Existuje niekoľko spôsobov , ako vytvoriť rozbaľovacie menu pre webové stránky , a možnosti sú nekonečné , pokiaľ ide o integráciu farby a písma . HTML Editor Ak chcete začať vytvárať dynamické menu pre webové stránky , mali by ste mať základné znalosti o Hyper Text Mar</a></p> </li> <li> <a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403213.html" target="_blank" class="ewq32ada131">Ako zakázať posúvanie v Google Maps API V3 </a> <p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403213.html" target="_blank">API V3 Google Maps ( verzia 3 ) dáva webové vývojárov moc pridať Google Maps na webových stránkach . API používa hlavne používa programovací jazyk JavaScript , ale môžu byť zahrnuté v programe Adobe Flash pre Flash v mobilných webových stránkach alebo Objective C pre vytváranie aplikácií pre produkty spoločnosti Apple , ako sú iPod Touch , iPhone a iPad . Ako webový vývojár , môžete ovládať rôzne funkcie na Google Maps naprogramovať pre vaše webové stránky . To zahŕňa blokovací rolovanie , alebo</a></p> </li> <li> <a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403324.html" target="_blank" class="ewq32ada131">Ako zistiť , či stránka používa JavaScript Presmerovanie </a> <p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403324.html" target="_blank">Presmerovanie nastane , keď webové stránky okamžite odovzdáva divákovi inom mieste hneď po načítaní . Niektoré webové majstri používať túto techniku ​​, pretože obsah divák hľadá bola presunutá na stránkach návštevník je odovzdaný . Spameri používajú JavaScript trik vyhľadávačov v indexovanie je vyšší vo výsledkoch vyhľadávania , aby mohli zarobiť peniaze na presmerovanie . To nie je v prospech užívateľov , a vedieť , ako rozpoznať tieto stránky môžu ušetriť čas a frustrácie . Pri pohľade na str</a></p> </li> <li> <a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403225.html" target="_blank" class="ewq32ada131">JavaScript zaokrúhlenie Funkcia </a> <p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403225.html" target="_blank">Ako objektovo orientovaný jazyk , JavaScript obsahuje objekty a metódy vo svojej knižnici plniť celý rad úloh . Matematický objekt obsahuje rôzne metódy a hodnoty , na pomoc programátorom v jednoduché alebo zložité výpočty . Jednou z týchto možností je zaokrúhlenie čísla . S možnosťou zaokrúhlených čísiel , programátori môžu definovať desatinné žiadne desatinné miesto , a vykonať špeciálne príkazy zaokrúhľovania , ako sú stropné a podlahové výpočty . Math objekt JavaScript Knižnice obsahujú ob</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/PHP--MySQL-Programovanie/404149.html" target="_blank">Ako ušetriť desatinných miest MySQL </a></li><li><a href="http://www.pocitac.win/Programovanie/Vizuálne-Základy-programovania/408314.html" target="_blank">Ako vymeniť pomlčky v jazyku Visual Basic </a></li><li><a href="http://www.pocitac.win/Programovanie/python-Programovanie/405880.html" target="_blank">Ako čítať listbox výberu v Pythone </a></li><li><a href="http://www.pocitac.win/Programovanie/Počítač-Programovacie-jazyky/400946.html" target="_blank">Ako vytvoriť užívateľa v Oracle SQL </a></li><li><a href="http://www.pocitac.win/Programovanie/Počítač-Programovacie-jazyky/400796.html" target="_blank">Ako otvoriť súbory MIME v programe Outlook 2007 </a></li><li><a href="http://www.pocitac.win/Programovanie/Vizuálne-Základy-programovania/406829.html" target="_blank">Ako na vyplnenie zoznamu hodnôt z prístupový formulár v jazyku Visual Basic </a></li><li><a href="http://www.pocitac.win/Programovanie/Vizuálne-Základy-programovania/408710.html" target="_blank">Ako napísať výpočty pomocou jazyka Visual Basic </a></li><li><a href="http://www.pocitac.win/Programovanie/Vizuálne-Základy-programovania/408740.html" target="_blank">Ako vytvoriť parameter PASS Query Access vo VBA </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><a href='http://sk.365electric.com' target=_blank>Elektronických</a><a href='http://ip.sk.nrtool.com/' target=_blank>IP</a> <a href='http://sk.0685.com' target=_blank>Slovensko život</a> <a href='http://sk.98905.com' target=_blank>Dom a záhrada</a> <a href='http://www.765492.com' target=_blank>Elektronických</a></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>