Een project van Magic Html Client Edges

alles gelijk. Nog steeds in de stijl attribuut, het volgende wat je ziet is, "links = 0px; top: 0px;" Dat de linkerpositie nul pixels en de juiste positie nul pixels. Deze waarden worden veranderd script, dus is het raadzaam om ze in de eigenschap van het element. Zij zijn als de standaard waarden. Wat het script doet is dat wanneer de ruit komt uit of gaat naar de linkerkant, de bovenste waarde nul; wanneer het script afkomstig uit of het invoeren van de bovenrand, de linker waarde nul. De linker en top eigenschappen moeten in de stijl attribuut worden gezet.

De rest van de andere eigenschappen kunnen in de stylesheet worden gezet. De laatste eigenschap hebben wij in de stijl attribuut van de buitenste DIV, is de eigenschap display. De waarde ervan is, "geen". Met de initiële waarde van niets, zie je niet de ruit (buitenste DIV) en alles wat het bevat. Wanneer u het venster te zien, zal het script de waarde te veranderen naar "blok". De binnenste DIV element zal dan binnen dit blok schuiven. De Mimic Edges het BODY element krijgt een marge (alle vier) van 0px. Het krijgt een vulling van 0px.

De standaardwaarden voor marge en padding zijn browser afhankelijk. De complexiteit in de lay-out ik ze nul pixels hebben gegeven voorkomen. De standaard grens waarde voor het lichaam is toegestaan. Dat is ook afhankelijk browser, maar omwille van de eenvoud, laten we toestaan. De linker rand na te bootsen is een DIV element, terwijl de top mimic rand is een HR (horizontale lijn) element. De HR-element is gewoon de ideale element om een ​​voorsprong na te bootsen. Er is geen verticale regel; anders zouden we hebben gebruikt voor de verticale rand.

Dit zijn de mimische randelementen: id = "DU" onmouseover = "doShiftDown ()" style = "position: absolute; z-index: 2; left: 0px; top: 0px; width: 100%; height: 1px; background -kleuren: # ff9933; border-width: 0px; padding: 0px; margin: 0px "Het attribuut waarden zijn veel voor een van beide elementen. Wij zullen hen kort uitleggen. De ID van de linker mimische rand (DIV) is 'DL'. Wanneer de muis over dit element, is een functie doShiftRight () genoemd. Deze functie bereidt de pagina start verschuiving van de binnenste DIV naar rechts.

Het attribuut stijl voor dit element heeft vele eigenschappen. De eerste is de eigenschap position waarvan de waarde is 'absolute'. De tweede is de eigenschap z-index, waarvan de waarde 2. Vergeet niet dat het BODY element heeft een waarde voor de eigenschap z-index van 0. Onder deze voorwaard