Mnoge moderne web lokacije imaju originalne kontrole. Jedan od ovih elemenata su iskačući prozori u koje možete smjestiti razne korisne informacije, oglase, kontrole, ankete i još mnogo toga. Prilično je lako stvoriti takav skočni prozor - koristite biblioteku jQuery.
Instrukcije
Korak 1
Umetnite oznake u kod stranice koji dodaju jQuery biblioteku. Ove oznake izgledaju sasvim standardno:
skripta src = "jQuery.js" / skripta
skripta src = "interface.js" / skripta
Korak 2
Dodajte css kôd u tablicu stilova za oblikovanje skočnog prozora. Navedite parametre kao što su položaj, visina, preljev, slika pozadine, pozicija pozadine, ponavljanje pozadine, preljev, kursor i drugi koji će vam trebati za oblikovanje. Ovi se parametri mogu postaviti i u oznaci head ako u svom standardnom radu nemate princip dodjeljivanja posebne datoteke za stilove. Možete pisati kod na druge načine, koristeći različite oznake. Obično postoji mnogo načina za pisanje plutajućih prozora.
Korak 3
Zalijepite kod za vezu do skočnog prozora u tijelo stranice i opišite samu skriptu za otvaranje skočnog prozora. Opišite funkciju za pozivanje prozora pomoću standardnih naredbi show (), TransferTo (), bind () i drugih. Pokušajte za svaku funkciju napisati mali opis, kako se ne biste zbunili u kodu, jer u potpunosti možete poremetiti rad cijelog sistema.
Korak 4
Provjerite ima li koda grešaka i otvorite stranicu u pregledniku da biste vidjeli rezultat svog rada. Da bi se pojavio skočni prozor, morate kliknuti na kreiranu vezu. U budućnosti možete omogućiti automatsko pojavljivanje skočnog prozora. Skočni prozor također treba imati razne karakteristike, poput mogućnosti povlačenja i ispuštanja, minimiziranja, istezanja i, naravno, zatvaranja. Sve ove karakteristike trebaju biti opisane u skočnom skriptu. Izrada plutajućih prozora nije teška, glavno je znati osnove programiranja, jer vam je potrebno posebno znanje da biste pravilno napisali kôd.