Många moderna webbplatser har originalkontroller. Ett av dessa element är popup-fönster där du kan placera olika användbar information, annonser, kontroller, omröstningar och mer. Det är ganska enkelt att skapa en sådan popup - använd jQuery-biblioteket.
Instruktioner
Steg 1
Infoga taggar i din sidkod som lägger till jQuery-biblioteket. Dessa taggar ser ganska standard ut:
script src = "jQuery.js" / script
script src = "interface.js" / script
Steg 2
Lägg till css-koden i formatmallen för att utforma popup-fönstret. Ange parametrar som position, höjd, överflöde, bakgrundsbild, bakgrundsposition, bakgrundsupprepning, överflöd, markör och andra som du kan behöva för styling. Dessa parametrar kan också ställas in i huvudtaggen, om du inte har principen att tilldela en speciell fil för stilar i ditt standardarbete. Du kan skriva kod på andra sätt med olika taggar. Det finns vanligtvis många sätt att skriva flytande fönster.
Steg 3
Klistra in koden för länken till popup-fönstret i sidans kropp och beskriv själva skriptet för att öppna popup-fönstret. Beskriv en funktion för att ringa ett fönster med standardkommandon show (), TransferTo (), bind () och andra. Försök att skriva en liten beskrivning för dig själv bredvid varje funktion, så att du inte blir förvirrad i koden, eftersom du helt kan störa driften av hela systemet.
Steg 4
Kontrollera koden för fel och öppna sidan i en webbläsare för att se resultatet av ditt arbete. För att ett popup-fönster ska visas måste du klicka på den skapade länken. I framtiden kan du se till att ett popup-fönster automatiskt visas. Popupen bör också ha olika egenskaper, såsom möjligheten att dra och släppa, minimera, sträcka och naturligtvis stänga. Alla dessa egenskaper måste beskrivas i popup-skriptet. Att göra flytande fönster är inte svårt, det viktigaste är att känna till grunderna för programmering, eftersom du behöver särskild kunskap för att skriva koden korrekt.
