Skarbiec CodeW3C.com
- Poprzednia strona Skarbiec CodeW3C.com
- Następna strona Ikony
Skarbiec CodeW3C.com
欢迎您探索丰富多彩的前端世界。您可以在此深入学习常用的交互界面元素和交互方式。
我们为您准备了数百个案例，以及上千个代码片段，帮助您进行实战化的训练。
这些案例非常优秀：
- 分步骤讲解
- 清晰的注释
- 可交互的页内演示
- 在线 TIY 测试
- 美观、高可用性、高复用性
- 原生 HTML、CSS、JavaScript
希望您获得愉快、高效的学习体验！
目录
- Ikony
- 菜单图标
- 手风琴
- 选项卡
- 垂直选项卡
- 选项卡标题
- 全页选项卡
- 悬停选项卡
- 顶部导航
- 响应式顶部导航
- 导航拆分
- 导航栏带图标
- Menu wyszukiwania
- Pasek wyszukiwania
- Panel boczny stały
- Nawigacja boczna
- Panel boczny responsywny
- Nawigacja pełnoekranowa
- Menu poza rysunkiem
- Przycisk nawigacyjny z podtrzymaniem
- Panel boczny z ikoną
- Menu przewijane poziome
- Menu pionowe
- Nawigacja dolna
- Nawigacja dolna responsywna
- Linki menu z dolną krawędzią
- Linki menu prawostronne
- Linki menu w centrum
- Linki menu o szerokości równej
- Menu stałe
- Panel boczny przewijany przy przewijaniu
- Nawigacja ukrywająca się przy przewijaniu
- Nawigacja zmniejszająca się przy przewijaniu
- Nawigacja przylepiona
- Nawigacja z ikoną obrazu
- Menu rozwijane po podtrzymaniu
- Menu rozwijane po kliknięciu
- Menu rozwijane kaskadowe
- Menu rozwijane w górnej nawigacji
- Menu rozwijane w panelu bocznej nawigacji
- Nawigacja responsywna z rozwijanym menu
- Menu podnawigacyjne
- Menu rozwijane
- Menu super
- Menu mobilne
- Menu zasłoneczne
- Panel boczny związany
- Panel boczny związany
- Stronicowanie
- Nawigacja z krokami
- Zestaw przycisków
- Pionowy zestaw przycisków
- Panel społecznościowy przylepiony
- Nawigacja kapsułkowa
- Nagłówek responsywny
- Slajd
- Galeria slajdów
- Obraz modalny
- Lampka
- Siatka obrazów responsywna
- Siatka obrazów
- Biblioteka obrazów
- Biblioteka obrazów do przewijania
- Biblioteka obrazów z kartami
- Zanikanie nadłożone na obraz
- Przesuwanie nadłożone na obraz
- Skalowanie nadłożone na obraz
- Tytuł nadłożony na obraz
- Ikona nadłożona na obraz
- Efekt obrazu
- Czarno-biały obraz
- Tekst na obrazie
- Bloki tekstu na obrazie
- Tekst na przezroczystym obrazie
- Obraz na pełnej stronie
- Formularz na obrazie
- Obraz w świetle
- Obraz tła rozmyty
- Zmiana tła przy przewijaniu
- Obrazy w równoległym układzie
- Obraz z zaokrąglonymi krawędziami
- Obraz profilowy
- Obraz responsywny
- Obraz w centrum
- Miniatura
- Krawędź obrazu
- Przedstawienie zespołu
- Obraz przylepiony
- Obraz do odwrócenia
- Obraz wibracyjny
- Galeria kolekcji
- Kolekcja prac do filtrowania
- Skalowanie obrazów
- Lupa do obrazów
- Suwak porównania obrazów
- Ikona strony
- Przycisk ostrzegawczy
- Przycisk z konturem
- Przycisk podziału
- Przycisk z animacją
- Przycisk z przejściem
- Przycisk na obrazie
- Przycisk mediów społecznościowych
- Więcej/ mniej czytania
- Przycisk ładowania
- Przycisk pobrania
- Przycisk kapsułkowy
- Przycisk powiadomień
- Przycisk z ikoną
- Przycisk stronicowania/Poprzednia/Następna strona
- Więcej przycisków w nawigacji
- Przycisk blokowy
- Przycisk z tekstem
- Przycisk z zaokrąglonymi krawędziami
- Przycisk powrotu do góry
- Formularz logowania
- Formularz rejestracyjny
- Tabela płatności
- Formularz kontaktowy
- Tabela logowania społecznościowego
- Formularz rejestracyjny
- Formularz z ikoną
- Subskrypcja wiadomości
- Formularz składany
- Formularz responsywny
- Formularz wyskakujący
- Formularz w linii
- Wyczyść pole tekstowe
- Ukryj strzałki liczbowe
- Kopiowanie tekstu do schowka
- Wyszukiwanie animowane
- Przycisk wyszukiwania
- Wyszukiwanie w trybie pełnego ekranu
- Pole tekstowe w pasku nawigacyjnym
- Formularz logowania w pasku nawigacyjnym
- Dostosowane pola wyboru/przyciski radiowe
- Dostosowany pole wyboru
- Przełącz przełącznik
- Zaznacz pole wyboru
- Wykrywanie blokady wielkiej litery
- Aktywuj przycisk poprzez wciśnięcie klawisza Enter
- Weryfikacja hasła
- Przełącz widoczność hasła
- Formularz wieloetapowy
- Automatyczne uzupełnianie
- Wyłącz automatyczne uzupełnianie
- Wyłącz sprawdzanie pisowni
- Przycisk do przesyłania plików
- Walidacja pustego wejścia
- Wideo pełnoekranowe
- Okno modalne
- Okno modalne do usunięcia
- Czas linia
- Indykator przewijania
- Pasek postępu
- Pasek umiejętności
- Suwak zakresu
- Wybieracz kolorów
- Pole e-mail
- Podpowiedź
- Elementy wyświetlane pod kątem nachylenia
- Okno wyskakujące
- Zawartość zwijana
- Kalendarz
- HTML zawiera
- Lista zadań do zrobienia
- Ładowarka
- Odznaka
- Ocena gwiazdkowa
- Ocena użytkownika
- Efekt pokrycia
- Chip kontaktowy
- Karta
- Karta do przewracania
- Karta profilu
- Karta produktu
- Ostrzeżenie
- Okno powiadomień
- Notatki
- Tag
- Pasek
- Chmura tagów
- Kwadrat
- Pozioma linia stylizowana
- Kupon
- Grupy list
- Grupy list z odznaką
- Lista bez punktu
- Tekst responsywny
- Tekst cienia
- Tekst świecący
- Stopka strony
- Elementy przyległe
- Równoległe
- Wyczyszczenie przepływu
- Przykrywanie przepływowe
- Pasek powiadomień
- Okno pełnoekranowe
- Rysowanie przewijania
- Przewijanie płynne
- Przewijanie tła gradientowego
- Nagłówek przyległy
- Zmniejszanie nagłówka przy przewijaniu
- Tabela cen
- Przewijanie z parallax
- Proporcje szerokości i wysokości
- Ramka wewnętrzna responsywna
- Przełączanie ulubionych/nieulubionych
- Przełączanie ukrycia/widoczności
- Przełączanie trybu ciemnego
- Przełączanie tekstu
- Przełączanie klas
- Dodanie klasy
- Usunięcie klasy
- Zmiana klasy
- Klasa aktywna
- Wizualizacja drzewa
- Usunięcie ułamka
- Usunięcie atrybutu
- Sprawdzanie stanu offline
- Znajdowanie ukrytych elementów
- Przekierowanie strony
- Formatowanie liczb
- Skalowanie pod kątem nachylenia
- Koszyk do przewracania
- Wyśrodkowanie pionowe
- Przycisk wyśrodkowany w DIV
- Lista wyśrodkowana
- Przejście pod kątem nachylenia
- Strzała
- Kształt
- Linki do pobrania
- Elementy pełnej wysokości
- Okno przeglądarki
- Niestandardowy pasek przewijania
- Ukrywanie paska przewijania
- Wyświetlanie/Przebijanie paska przewijania
- Wygląd urządzenia
- Ramka zawartości edytowalnej
- Kolor znaku zastępczego
- Wyłączenie zmiany rozmiaru obszaru tekstowego
- Wyłączenie wyboru tekstu
- Kolor tekstu
- Kolor listy
- Linia pionowa
- Podział
- Podział tekstu
- Ikony animowane
- Licznik odliczający
- Efekt maszyny pisarki
- Strona wkrótce dostępna
- Wiadomości czatu
- Okno czatu wyskakującego
- Podział ekranu
- Opinie klientów
- Licznik bloków
- Slajdy cytatów
- Listy z zamknięciem
- Typowe punkty przecięcia urządzeń
- Przenośne elementy HTML
- Media Queries JS
- Podświetlacz składni
- Animacje JS
- Długość ciągu znaków JS
- Operacje wykładnicze JS
- Domyślne parametry JS
- Losowe liczby JS
- Sortowanie tablicy liczb JS
- JS operator rozszerzający
- JS przewijanie do widoku
- Uzyskanie bieżącej daty
- Uzyskanie bieżącego adresu URL
- Uzyskanie bieżących wymiarów ekranu
- Uzyskanie elementu iframe
- Poprzednia strona Skarbiec CodeW3C.com
- Następna strona Ikony
