Ett projekt av magi Html klient Edges

t för den övre härma kanten. När musen är över det är en funktion som kallas för doShiftDown () anropas. Denna funktion förbereder sidan för att flytta räknaren (panelen) nedåt. Syftena för resten av värdena av HR elementet liknar dem av den vänstra härma kanten. Resten av CSS Du har några stilshotellet i formatattribut. Resten av CSS-egenskaper är i formatmallen. Detta är formatmallen: De två sista påståenden är för kalkylatorn Input Text element och räknaren knapparna. Om du har täckt grunderna, sedan resten av linjerna i CSS bör vara självförklarande.

Bredden hos den yttre DIV gränsen är 0px. Denna gräns behöver inte ha någon bredd. Användaren ska inte ens vet att den yttre DIV existerar. I de tidigare delarna av serien använde jag en gränsbredden för illustrationsändamål. CSS Egenskapen position för inre DIV elementet är "relativt". Detta gör det möjligt att röra sig (när dess ställning förändras) i den yttre DIV. Visar fönstret När du vill att rutan från vänsterkanten, är visnings egendom yttre DIV elementet ändras till "block". Eftersom den yttre DIV har ingen gräns och det är öppet, ser du inte det.

Den inre DIV elementet flyttas inom den åt höger. När du inte längre vill ha det, du få den att röra sig inom den yttre DIV till vänster; kommer displayen egendom yttre DIV elementet ändras tillbaka till "none". Eftersom den yttre DIV elementet har en z-index på 2, medan BODY elementet har en z-index på 0, allt är lika är det yttre DIV elementet alltid framför (ett lager ovanför) de övriga delarna av sidan. Det yttre DIV elementet antingen visas eller inte. Eftersom den yttre DIV innehåller inner DIV är inner DIV motsvarande antingen visas eller inte.

Samma förklaring gäller för rutan som kommer ner från toppen. Den övre vänstra hörnet av yttre DIV är alltid på härma kanten. Detta innebär att den vänstra kanten av den yttre DIV är på härma kanten. I min design har jag lagt den vänstra härma kanten längst till vänster (vänster: 0px) på sidan. I min webbläsare är utseendet på vänstra sidan gränsen inte påverkas. Du märker fortfarande gränsen.

Eftersom vi har gett färgen på bakgrunden av BODY elementet till härma kanten, om du verkligen tror att utseendet på gränsen kommer att påverkas, kan du placera härma kanten något till höger om gränsen på sidan. Du kommer att behöva ändra koden (vänster position din yttre DIV) för detta ändamål. Vi tar en paus här och fortsätter i nästa del i serien, där vi ska titta på hela koden. Chrys att komma fram till någon av d