Et prosjekt of Magic Html Client Edges

uten bla tilbake. Når du klikker i ruten, bør det ikke bla tilbake. - Mens panelet ruller unna, kan ingen andre forekomster av panelet bla i. - Mens panelet ruller unna, kan den ikke bringes tilbake inn på siden til den er helt avgjort. Følgende krav relaterer seg til begge brukerens behov. - Bare en rute fra en av de etterligne kantene kan ses til enhver tid. - Bare ett objekt f.eks kalkulator, eller månedskalender eller meldingsboksen kan være i rutene. I ditt eget prosjekt, kan du velge å ha ett objekt komme ut av venstre kant og en annen gjenstand komme ut av den øverste siden.

Med disse tekniske krav, som stammer ut fra brukerens behov, kan vi gjennomføre vårt prosjekt med tillit. Vi har dekket alt det gjør oss i stand til å gjøre prosjektet som eksperter. Komponenter på Web Page Dette er en pedagogisk øvelse, så vi skal bare behandle minimum antall komponenter (HTML-elementer) nødvendig. Den Pane Ruten er en DIV element å ha en annen DIV element som bare passer inn i den. Dette er kalkulatoren inne i ytre DIV element:

789 /C 456XRM 123-M + 0 + /- + = Jeg vil ikke forholde seg til den koden som gjør beregningen i denne serien..

Jeg skrev en gang en artikkel serie kalt, Web Page Kalkulator. For å lese denne artikkelen, kan du gå til https://www.cool-mathematics.com og sende en melding eller kontakte meg på [email protected] Identifiser DIV elementer ovenfor. Det er en DIV element inni en annen. Inne i indre DIV element du har elementene for kalkulatoren. Det indre DIV element holder kalkulator komponentene sammen. Den indre DIV element har ID, "Calc". ID av ytre DIV element er "Cont '. Den har en onclick event attributt. På klikker funksjonen, er checkRemSit () kalles.

Jeg vil forklare hvordan funksjonen fungerer senere. Dette DIV element har en stil attributt. Den første eiendom her er posisjonen eiendommen. Den har verdien 'absolutte'. Den neste Egenskapen er z-indeksen egenskapen med verdien, 2. BODY-element er gitt en z-indeksverdi på 0. Med disse tre egenskaper, vil panelet (ytre DIV) vises i et lag over resten av elementene , alt er likt. Fortsatt i stil attributt, den neste tingen du ser er, "venstre = 0px; top: 0px;" Det er den venstre posisjonen er null piksler og riktig posisjon er null piksler.

Disse verdiene vil bli endret ved script, så det er lurt å ha dem i egenskap av elementet. De er som standardverdiene. Hva scriptet gjør er at når panelet kommer ut fra eller gå til venstre kant, er den øverste verdien null; når skriptet komme