Magisk HTML Client Edges - Del 3 Innledning I denne delen av serien, vi effektivt gjennomføre et prosjekt. Prosjektet omhandler en nettside. Målet med prosjektet er at når du beveger musepekeren til kanten av nettsiden, en rute med en kalkulator eller en annen nyttig verktøy bør rulle inn på siden; du kan gjøre hva du vil gjøre med verktøyet; når du klikker på kroppen av siden, utenfor ruten, de panelet ruller tilbake i kanten. Grunnlaget for prosjektet er i tidligere deler av serien. Jeg har gjort mye detalj forklaring i tidligere deler av serien.
Forklaringene i denne og den neste del av serien vil bli oppsummert der dette er mulig. Verktøyet for ruten i vårt prosjekt er en kalkulator. Detaljene i kalkulatoren vil ikke bli gitt. I neste del av serien, skal vi se på hele koden av prosjektet. Prosjektet Etter å ha gått gjennom det grunnleggende vi nå er i posisjon til å komme opp med de tekniske kravene. Vi vet nå hva som er mulig og hva som ikke er mulig så langt som DOM Javascript og HTML er bekymret.
Før vi ser på de tekniske kravene la oss igjen se på brukerkravene igjen: - Når musepekeren når en kant, bør panelet rulle av seg selv inn på siden. Rullingen skal slutte så snart slutten av ruten er på kanten. På grunn av begrensninger i HTML DOM funksjoner, og inkompatibilitet mellom nettlesere, skal vi bare ha venstre magi kanten og øverste magi kant. - Når brukeren klikker på kroppen element utenfor ruten, bør ruten bla tilbake i kanten. Tekniske krav Følgende krav er knyttet til den første bruker kravet ovenfor: - Det vil være en etterligner kanten til venstre på klientområdet.
Dette etterligner kanten skal bli en DIV element. - Det vil være en etterligner kant på toppen av klientområdet. Dette etterligner kanten skal bli en HR element; Jeg vil forklare hvorfor senere. - Det blir ingen etterligner kant på høyre side eller på bunnen av klientområdet. Dette er på grunn av de begrensninger som er nevnt ovenfor. - Hver ligne kanten vil svare på en unmouseover arrangementet, som vil føre til at panelet for å rulle inn på siden. - På grunn av begrensninger som er nevnt ovenfor, vil ruten bla 25% klient linje fjernt fra øverste venstre hjørne av klientområdet.
- Mens panelet ruller inn på siden, kan ingen andre forekomster av panelet rulles inn på siden. - Mens panelet ruller inn på siden, kan det ikke bli sendt tilbake til det har lagt seg. Følgende krav knyttet til den andre brukeren kravet ovenfor: - Når du klikker BODY-elementet utenfor ruten, bør r