I ditt eget projekt, kan du välja att ha ett objekt kommer ut av den vänstra kanten och ett annat objekt kommer ut ur den övre sidan. Med dessa tekniska krav, som härrör ur användarkraven, kan vi utföra vårt projekt med tillförsikt. Vi har täckt alla vad ger oss möjlighet att göra projektet som experter. Komponenter på webbsidan Detta är en pedagogisk övning så vi skall behandla endast med minimalt antal komponenter (HTML-element) som är nödvändiga. Rutan Rutan är en DIV element med en annan DIV element som bara passar in i den.
Detta är räknaren inuti den yttre DIV elementet
789 /C 456XRM 123-M + 0 + /- + = Jag kommer inte att ta itu med den kod som gör beräkningen i denna serie.. Jag skrev en gång en artikel serie som heter, webbsida Calculator. För att läsa den här artikeln, gå till https://www.cool-mathematics.com och skicka ett meddelande eller kontakta mig på [email protected] Identifiera DIV elementen ovan. Det finns en DIV inslag inuti en annan en. Inne i inre DIV element du har elementen för räknaren. Den inre DIV elementet håller räknaren komponenterna. Den inre DIV elementet har ID, "Calc".
ID för den yttre DIV elementet är, "Cont". Den har en onclick händelse attribut. På klicka funktionen är checkRemSit () anropas. Jag kommer att förklara hur funktionen fungerar senare. Denna DIV element har en stilattribut. Den första fastigheten här är egenskapen position. Det har värdet "absolut". Nästa egenskapen är den z-index fastighet med värdet, 2. stomelementet ges en z-indexvärde på 0. Med dessa tre egenskaper, kommer panelen (yttre DIV) återfinns i ett skikt ovanför resten av elementen , allt är lika.
Fortfarande i samma stil attribut, nästa sak som du ser, "vänster = 0px; top: 0px;" Som är vänsterläge är noll pixlar och rätt läge är noll pixlar. Dessa värden kommer att ändras genom skript, så det är lämpligt att ha dem i attributet av elementet. De är som standardvärden. Vad skriptet gör är att när rutan kommer ut från eller gå till vänsterkanten, är den högsta värdet