Magi HTML klient Kanter - Del 3 Introduktion I denna del av serien, vi effektivt genomföra ett projekt. Projektet handlar om en webbsida. Syftet med projektet är att när du flyttar muspekaren till kanten av webbsidan, en ruta med en miniräknare eller någon annan nyttig verktyg bör rulla in i sidan; du kan göra vad du vill göra med verktyget; När du klickar på kroppen på sidan, utanför fönstret, Rutan rullas tillbaka in i kanten. Grunderna för projektet är i de tidigare delarna i serien. Jag har gjort en hel del detalj förklaring i de tidigare delarna i serien.
Förklaringar i detta och nästa del i serien kommer att sammanfattas där så är möjligt. Verktyget för rutan i vårt projekt är en miniräknare. Detaljerna i räknaren kommer inte att ges. I nästa del i serien, ska vi titta på hela koden för projektet. Projektet Efter att ha gått igenom grunderna som vi är nu i stånd att komma med de tekniska kraven. Vi vet nu vad som är möjligt och vad som inte är möjligt så länge som DOM JavaScript och HTML berörs.
Innan vi tittar på de tekniska kraven låt oss titta igen på användarkraven igen: - När muspekaren når en kant, bör rutan rulla av sig själv in i sidan. Den rullning bör stoppas så snart som i slutet av rutan är vid kanten. På grund av begränsningar i HTML DOM funktioner och inkompatibilitet mellan webbläsarna, vi har bara vänstra magiska kanten och övre magi kanten. - När användaren klickar på kroppselementet utanför panelen, bör rutan rulla tillbaka in i kanten.
Tekniska krav Nedanstående krav är relaterade till det första kravet användaren ovan: - Det kommer att finnas en härma kant till vänster på klientområdet. Denna härma kanten blir en DIV inslag. - Det kommer att finnas en härma kant längst upp klientområdet. Denna härma kanten kommer att bli en HR element; Jag kommer att förklara varför senare. - Det blir ingen härma kanten till höger eller längst ner på klientområdet. Detta är på grund av de begränsningar som anges ovan. - Varje härma kanten kommer att svara på en unmouseover händelse, vilket gör att rutan för att rulla in i sidan.
- På grund av de begränsningar som anges ovan, kommer rutan bläddra 25% klient linje avstånd från det övre vänstra hörnet av klientområdet. - Medan rutan rullar in i sidan, kan ingen annan instans av panelen rullas in i sidan. - Medan rutan rullar in i sidan, det kan inte skickas tillbaka förrän den har fullgjort. Följande krav gäller den andra användaren ovanstående krav: - När du klickar på BODY elementet utanför f