Wiele nowoczesnych witryn ma oryginalne kontrolki. Jednym z tych elementów są wyskakujące okienka, w których można umieszczać różne przydatne informacje, reklamy, kontrolki, ankiety i inne. Stworzenie takiego popupa jest dość łatwe - skorzystaj z biblioteki jQuery.
Instrukcje
Krok 1
Wstaw tagi do kodu strony, które dodają bibliotekę jQuery. Te tagi wyglądają dość standardowo:
script src = "jQuery.js" / skrypt
skrypt src = "interfejs.js" / skrypt
Krok 2
Dodaj kod css do arkusza stylów, aby wystylizować wyskakujące okienko. Określ parametry, takie jak położenie, wysokość, przepełnienie, obraz w tle, położenie w tle, powtórzenie w tle, przepełnienie, kursor i inne, które mogą być potrzebne do stylizacji. Te parametry można również ustawić w tagu head, jeśli nie masz zasady przydzielania specjalnego pliku dla stylów w swojej standardowej pracy. Możesz pisać kod na inne sposoby, używając różnych tagów. Zwykle istnieje wiele sposobów pisania pływających okien.
Krok 3
Wklej kod linku do wyskakującego okienka w treści strony i opisz sam skrypt do otwierania wyskakującego okienka. Opisz funkcję wywoływania okna za pomocą standardowych poleceń show(), TransferTo(), bind() i innych. Postaraj się napisać dla siebie mały opis przy każdej funkcji, aby nie pomylić się w kodzie, ponieważ możesz całkowicie zakłócić działanie całego systemu.
Krok 4
Sprawdź kod pod kątem błędów i otwórz stronę w przeglądarce, aby zobaczyć wynik swojej pracy. Aby pojawiło się wyskakujące okienko, musisz kliknąć utworzony link. W przyszłości możesz zapewnić automatyczne wyświetlanie wyskakującego okna. Wyskakujące okienko powinno również mieć różne cechy, takie jak możliwość przeciągania i upuszczania, minimalizowania, rozciągania i oczywiście zamykania. Wszystkie te cechy należy opisać w wyskakującym skrypcie. Tworzenie pływających okien nie jest trudne, najważniejsze jest poznanie podstaw programowania, ponieważ do prawidłowego napisania kodu potrzebna jest specjalna wiedza.
