Et prosjekt of Magic Html Client Edges

r ut fra eller inn i øvre kant, er dens venstre verdien null. Den venstre og topp egenskaper bør settes i stil attributtet. Resten av de andre egenskapene kan settes i stilarket. Den siste egenskapen vi har i stil egenskap av ytre DIV, er skjermen eiendommen. Verdien er, "ingen". Med den opprinnelige verdien av ingen, ser du ikke den ruten (ytre DIV) og alt det inneholder. Når du må se ruten, vil skriptet endre verdien til "block". Den indre DIV elementet vil deretter bla i denne blokken. The Mimic Kanter body-elementet er gitt en margin (alle fire) av 0px.

Det er gitt en polstring av 0px. Standardverdiene for margin og padding er nettleseravhengig. For å unngå kompleksiteten i oppsettet har jeg gitt dem null piksler. Standard grensen verdi for kroppen er tillatt. Det er også browser avhengig, men for enkelhets skyld, så tillater det. Den venstre ligne kanten er en DIV element, mens toppen ligne kanten er en HR (horisontal linje) element. HR elementet er bare den ideelle element for å etterligne en kant. Det er ingen vertikal regel; ellers ville vi ha brukt det for den vertikale kanten.

Dette er mimikkkantelementer: id = "DU" onmouseover = "doShiftDown ()" style = "position: absolute; z-index: 2; left: 0px; top: 0px; width: 100%; høyde: 1px; bakgrunn -farge: # ff9933; border-width: 0px; padding: 0px; margin: 0px "attributtverdiene er mange for enten element. Vi skal kort forklare dem. ID-en til venstre ligne kant (DIV) er 'DL'. Når musen er over dette elementet, er en funksjon, doShiftRight () kalles. Denne funksjonen forbereder siden for å starte skiftende indre DIV til høyre. Stilen attributt for dette elementet har mange egenskaper.

Den første er den posisjonen eiendommen der verdien er "absolutt". Den andre er den z-index eiendom, der verdien er 2. Husk at kroppen element har en verdi for z-index eiendom på 0. Under denne tilstanden, vises igjen ligne kanten foran sine omkringliggende elementer, alt blir lik. Det vi har neste i stil attributt er "left: 0px; top: 0px;" Med, venstre og topp verdier er null ligne kanten er på venstre kant av klientområdet på siden. Neste vi har en bredde på 1px. Dette er bredden på den etterligne kant.

Resten av CSS egenskaper er selvforklarende basert på hva vi har dekket i tidligere deler av serien. HR element som standard vises horisontalt. Hvis du prøver å gjøre det vertikale, ved gitt det en stor høyde og liten bredde, det vil ikke fungere. Dette er den ideelle element for toppligne kanten. Når musen er over det, er