Täydellinen koodi Magic Html Client Edges

olelta ruudusta. Huomaa, että olemme tekemisissä saman ulomman ja sisemmän DIV elementtejä, onko ruudussa on tulossa ulos vasemman reunan tai yläreunan. Tavoitteena Tämän toiminnon on välttää ristiriidat toiminnot vasemman reunan ja ne, yläreuna. Se ensinnäkin tarkistaa, onko arvo reuna muuttuja on "left". Jos se on, se asettaa leftPaneShown muuttuja totta. Muuten, toiminto tarkistaa, onko arvo reunan muuttuja on "ylhäältä"; jos se on, se asettaa topPaneShown muuttuja totta. Huomioitavaa DOM ei ole reuna objektin reagoimalla tapahtumiin. Siksi meidän turvautuivat matkia reunat.

HR elementti on täydellinen alkuun matkia reuna. Jos oli vastaava HTML elementti pystyviiva se olisi ollut täydellinen vasemman matkia reunasta. Meidän piti käyttää DIV elementin vasemman matkia reunan ja antaa sille tietty korkeus. Kun Web-sivu on juuri avattu, vasemmassa ruudussa voi vain tulla ulos n korkeutta asiakas alue. Kun selaa, ensimmäinen asiakas alue osa nousee; vasemmassa ruudussa voi vain tulla ulos vasemman reunan osa, joka on noussut. Yksinkertaisin tapa käsitellä tätä ongelmaa on antaa tilanteesta ja anna Web-sivun olla enemmän kuin noin kaksi asiakasta alueet pitkä.

Näin kun selaa, voit silti nähdä vasemmasta ruudusta tulee ulos vasemman reunan yläosassa. Tämä ei ole iso juttu käyttäjälle. 100% korkeus annetaan vasen reuna on asiakas alue korkeus. Kun Web-sivu on pitkä, tämä etäisyys sovelletaan yläosassa Web-sivun ja niin vasen reuna ei ulotu sivun alareunassa. Mitä olen sanonut tässä siihen, mitä sanoin edellisessä kohdassa. Kumpikin matkia reunojen on 1 pikseli paksu. Jos siirrät hiiren osoittimen reuna nopeasti, sinulla ei ehkä ole onmouseover vastaus (tapahtuma); eli et näe ruudussa.

Jos siirrät hiiren osoittimen hitaasti, sinulla on varmasti unmouseover vastaus (tapahtuma). Yksi tapa parantaa tilannetta on tehdä matkia reuna paksumpi (sanottavaa 3px). Ongelmana tässä ratkaisussa on, että jos matkia reuna on paksu käsite (määritelmä) ja reuna (joka on tarkoitus olla ohut) menetetään. Myös silloin, kun elementti on laaja sinulla voi olla useita toivottuja unmouseover vastauksia. Ehdotan jätät paksuus 1 px. On teoriassa mahdollista saada jäljitellä reuna oikealla ja alareunassa asiakas alue. Kuitenkin, selaimesi ei ehkä pysty käsittelemään koodi keksitte.

Sinun olisi pitänyt antaa säädyllisesti koodi jokaiselle selaimen. Liikkeen ruudun on sileä vain Internet Explorer. Kanssa muut selaimet se on diskreetti. Toivokaamme, että uudempia versioita selaimet mahdollis