Magic HTML Client Edges - Del 3 Indledning I denne del af serien, vi effektivt gennemføre et projekt. Projektet omhandler en webside. Formålet med projektet er, at når du flytter musemarkøren til kanten af den webside, en rude med en lommeregner eller et andet nyttigt værktøj skal rulle ind i siden; du kan gøre hvad du vil gøre med værktøjet; når du klikker på kroppen på siden, uden for ruden, de rude ruller tilbage i kanten. De grundlæggende for projektet er i de tidligere dele af serien. Jeg har gjort en masse detaljer forklaring i de tidligere dele af serien.
Forklaringer på dette, og den næste del af serien vil blive opsummeret hvor det er muligt. Værktøjet til ruden i vores projekt er en lommeregner. Detaljerne i lommeregneren vil ikke blive givet. I næste del af serien, skal vi se på den fuldstændige kode i projektet. Projektet Efter gennemgår det grundlæggende, vi nu er i stand til at komme op med de tekniske krav. Vi ved nu, hvad der er muligt, og hvad der ikke er muligt, så vidt DOM JavaScript og HTML er berørt.
Før vi ser på de tekniske krav lad os se igen på brugernes behov igen: - Når musemarkøren når en kant, skal ruden rulle af sig selv ind på siden. Rulningen skal stoppe, så snart slutningen af ruden er på kanten. På grund af de begrænsninger af HTML-DOM funktioner og uforenelighed mellem browsere, vi har kun den venstre magi kant og øverste magi kant. - Når brugeren klikker på legemselementet uden for ruden, bør ruden rulle tilbage i kanten. Tekniske krav Følgende krav er relateret til den første bruger kravet ovenfor: - Der vil være en efterligner kant i venstre side af klientens området.
Dette efterligner kant vil være et DIV element. - Der vil være en mimic foroven af klienten området. Dette efterligner kant vil være en HR element; Jeg vil forklare, hvorfor senere. - Der vil ikke være mimic kant på højre eller nederst i kundens område. Dette er på grund af de begrænsninger, der er nævnt ovenfor. - Hver efterligner kant vil reagere på en unmouseover begivenhed, som vil få ruden til at rulle ind i siden. - På grund af de begrænsninger, der er nævnt ovenfor, vil ruden rulle 25% klient linje fjernt fra det øverste venstre hjørne af klienten området.
- Mens ruden er at rulle ind på siden, kan ingen anden instans af ruden rulles ind i siden. - Mens ruden er at rulle ind på siden, kan det ikke blive sendt tilbage, indtil det er afgjort. Følgende krav vedrører den anden bruger kravet ovenfor: - Når du klikker på kropelementet uden fo