Tämä on myös selain riippuvainen, mutta yksinkertaisuuden vuoksi, olkaamme salli sitä. Vasen jäljittelevä reuna on DIV elementin, kun alkuun matkia reuna on HR (horisontaalinen sääntö) elementti. HR elementti on vain ihanteellinen elementti matkia reunaan. Ei ole pystysuora sääntö; muuten olisimme käyttäneet sitä pystyreuna. Nämä ovat matkivat reuna elementit: id = "DU" onmouseover = "doShiftDown ()" style = "position: absolute; z-index: 2; vasen: 0px; top: 0px; leveys: 100%; korkeus: 1px; tausta väri: # ff9933; border-width: 0px; padding: 0px; margin: 0px "määritearvoja monia joko elementin.
Meillä on lyhyesti selittää niitä. ID vasemman matkia reuna (DIV) on "DL". Kun hiiri on tämä elementti, funktio, doShiftRight () kutsutaan. Tämä toiminto valmistelee sivun aloittaa siirtymässä sisempi DIV oikealle. Tyyliattribuutti tälle elementille on monia ominaisuuksia. Ensimmäinen on kanta omaisuutta, jonka arvo on "ehdoton". Toinen on z-index ominaisuus, jonka arvo on 2. Muista että runkoelementti on arvo z-index ominaisuus 0. Tämän ehdon, vasen matkia reuna tulee eteen sitä ympäröivän elementtejä, kaikki on yhtäläinen.
Mitä meillä on seuraavaksi tyyli ominaisuus on, "vasen: 0px; top: 0px;" Kanssa, vasen ja ylin arvot ovat nolla matkia reuna on vasemmassa reunassa asiakas alue sivun. Seuraavaksi leveys on 1px. Tämä on leveys matkia reunan. Loput CSS-ominaisuuksia ovat itsestään selviä perusteella, mitä olemme käsitelleet edellisen osissa sarjassa. HR elementti oletusarvoisesti tulee vaakasuoraan. Jos yrität tehdä pystysuora, jota annetaan se suuri korkeus ja pieni leveys, se ei toimi. Tämä on ihanteellinen elementti ylimmän matkia reuna. Kun hiiri on se, funktio nimeltä doShiftDown () kutsutaan.
Tämä toiminto valmistelee sivun siirtää laskimen (ruutu) alaspäin. Tarkoituksiin, muun arvojen HR elementin ovat samanlaisia kuin vasemman matkivat reunasta. Muu CSS Sinulla on joitakin tyyli ominaisu