Täytäntöönpano Magic HTML Client Edges

rottaa klikkaamalla BODY elementin yksin ja napsauttamalla ruudun (ja elimelle yhdessä järjestyksessä). Onclick ominaisuus ruudun (ulompi DIV) on seuraava: onclick = "leftPaneShown = true" Joten kun ruudussa napsautetaan, leftPaneShown muuttuja on asetettu totta. Tämä on yleismuuttujan kirjoitus. On toiminto, joka poistaa ruudun. Kun klikkaat BODY elementin yksin, toimintoa kutsutaan. Kun valitset ruudussa funktiota kutsutaan vasta edellä ilmoitus (muuttuja) ja onclick ominaisuus ruudun (DIV) on asetettu.

Tämä on toiminto: toiminto removePane () {jos (leftPaneShown == false) {x = document.getElementById (Calc). Style.left; X = ParseInt (x); TL = self.setInterval ("shiftLeft ()", 10); } //Palauttaa leftPaneShown Boolen muuttujan leftPaneShown = false; } Oletusarvo leftPaneShown muuttuja edellä on väärä. Toiminto ensiksi tarkistaa, onko muuttuja on väärä. Jos se on väärä se tarkoittaa vain BODY elementin napsautettiin; se menee poistaa ruudussa. Jos se on totta, se tarkoittaa ruudussa on napsautetaan. Ruudussa sai napsautuksella ennen elin. Joten ruudussa asettaa muuttujan totta.

Kun se on totta, jos-lausuman tämä toiminto ei poista ruudun. Muuttujan arvo on vain totta, kun ruudussa napsautetaan. Sen pitäisi aina olla väärä. Joten viimeisen rivin funktion asettaa arvoksi false, oliko se totta vai ei. Jos se oli totta vaaditut toimet (sivuuttaa poisto) on jo tapahtunut, sillä toiminto kutsuttiin. Jos muuttuja on väärä, ruudussa on poistettava. Ensimmäinen toteamus jos-selvitys, määrittää CSS vasemmalle nykyisen sijainnin arvo muuttujaan, X. Seuraava lausunto tekee, että se on kokonaisluku.

Kolmas lause kutsuu shiftLeft () funktio jokaisen 10ms läpi setInterval () toiminto. Selitykset shiftLeft () funktio on alla. Huomautus: Tässä sarjassa, voit harkita joko sisä- tai ulkopuolelle DIV elementin ruudussa. Sisempi DIV sopii ulomman DIV. Kaikki, mikä tapahtuu ulompi DIV vaikuttaa sisempi DIV. Esimerkiksi, jos asetat näytön omaisuutta ulomman DIV elementti vailla, eli ulompi DIV elementti ei näytetä, sisempi DIV elementti automaattisesti ei näytetä. ShiftLeft () Tämä toiminto lähettää sisempi DIV takaisin alkuasentoon, jossa CSS vasemmalle arvo oli "-205px".

Tämä on toiminto: toiminto shiftLeft () {document.getElementById (Calc). Style.left = x; //Lopettaa vasemmalle vierivä jos (x {self.clearInterval (TL);} x- = 3;} toimii kuten shiftRight () toiminto edellä, mutta se ei päinvastoin. Toiminto tulee olla itsestäänselvyyksiä. Joo olemme nähneet perustekijät. Nyt ku