Kursplan

Korg

• CodeW3C.com gömman låda

Meny

• Ikonrad
• Menyikon
• Pianoforte
• Flik
• Vertikal flik
• Flikrubrik
• Hel sides flik
• Hängande flik
• Toppnavigering
• Responsiv toppnavigering
• Delad navigering
• Navigationsfält med ikoner
• Sökmeny
• Sökfält
• Fast sidomeny
• Sidor navigering
• Responsiv sidomeny
• Helskärm navigering
• Meny utanför canvas
• Navigationsknapp som hänger kvar
• Ikongrerad sidomeny
• Horizontal scrolling menu
• Vertical menu
• Bottom navigation
• Responsive bottom navigation
• Bottom border navigation link
• Right-aligned menu link
• Centered menu link
• Equal width menu link
• Fixed menu
• 下滑栏 when scrolling
• 隐藏导航栏 when scrolling
• 缩小导航栏 when scrolling
• Sticky navigation bar
• Navigation bar on image
• Hover pull-down menu
• Single-click pull-down menu
• Cascading pull-down menu
• Pull-down menu in top navigation bar
• Pull-down menu in sidebar navigation
• Responsive navigation bar with pull-down menu
• Sub-navigation menu
• Pull-down menu
• Super menu
• Mobile menu
• Curtain menu
• Collapsible sidebar
• Collapsible sidebar
• Pagination
• Breadcrumb navigation
• Button group
• Vertical button group
• Sticky social bar
• Pill navigation
• Responsive page header

Image

• Slide
• Slide gallery
• Modal image
• Lightbox
• Responsive image grid
• Image grid
• Image gallery
• Scrollable image gallery
• Tabbed image gallery
• Image overlay fade out
• Image overlay slide
• Image overlay zoom
• Image overlay title
• Image overlay icon
• Image effect
• Black and white image
• Image text
• Image text block
• Transparent image text
• Full-page image
• Form on image
• Focus image
• Blur background image
• Change background when scrolling
• Side-by-side images
• Rounded image
• Avatar image
• Responsive image
• Centered image
• Thumbnail
• Image border
• Team introduction
• Sticky image
• Flip image
• Shaking image
• Portfolio gallery
• Filterable portfolio
• Image zoom
• Image magnifier
• Image comparison slider
• Website icon

Button

• Warning button
• Outline button
• Split button
• Animated button
• Gradient button
• Button on image
• Social media button
• Read more/Read less
• Load button
• Download button
• Pill button
• Notification button
• Icon button
• Next/Previous page button
• More button in navigation
• Block button
• Text button
• Rounded button
• Back to top button

Form

• Login form
• Registration form
• Checkout table
• Contact form
• Social login table
• Registration form
• Form with icons
• News subscription
• Stacked form
• Responsive form
• Pop-up form
• Inline form
• Clear input box
• Hide number arrow
• Copy text to clipboard
• Animated search
• Search button
• Full-screen search
• Input box in the navigation bar
• Login form in the navigation bar
• Custom checkbox/radio button
• Custom select box
• Toggle switch
• Check the checkbox
• Detect capital lock
• Trigger button with Enter key
• Password verification
• Toggle password visibility
• Multi-step form
• Auto-complete
• Turn off auto-complete
• Turn off spell check
• File upload button
• Empty input validation

Filter

• Filter list
• Filter table
• Filter element
• Filter dropdown menu
• Sorted list
• Sorted table

Table

• Zebra stripes table
• Centrerad tabell
• Fullbreddstabell
• Nästlad tabell
• Kombinerad tabell
• Responsive tabell
• Jämförelsetabell

Mer

• Fullskärmsvideo
• Modalruta
• Ta bort modalruta
• Tidslinje
• Skrollningsindikator
• Förlopp
• Färdighetsslå
• Rangslidare
• Färgväljare
• E-postfält
• Verktygstips
• Hover-display element
• Pop-up-fönster
• Fällbar innehåll
• Kalender
• HTML innehåll
• Att göra-lista
• Laddare
• Märke
• Stjärnbetyg
• Användarbedömning
• Effekt överlappning
• Kontaktchip
• Kort
• Vänd kort
• Profilkort
• Produktkort
• Varning
• Poppun
• Anteckningar
• Tagg
• Band
• Taggmoln
• Cirkel
• Styld horisontell linje
• Kupong
• Listgrupp
• Med märkta listgrupper
• Punktklistringslös lista
• Responsive text
• Skuggtext
• Glödande text
• Fast sidfot
• Klistrig element
• Lika höjda
• Rensa flytande
• Responsive flytande
• Meddelandetråd
• Fyllt fönster
• Skrolla ritning
• Slick scrolling
• Gradient bakgrundsskrollning
• Klistrig rubrik
• Skrolla ner för att minska rubriken
• Prislista
• Parallax scrolling
• Bredd/höjd förhållande
• Responsive inline frame
• Växla gilla/ogilla
• Växla dölj/visa
• Växla mörk tema
• Växla text
• Växla klass
• Lägg till klass
• Ta bort klass
• Ändra klass
• Aktiv klass
• Trädvy
• Ta bort decimaler
• Ta bort egenskaper
• Offline-detektion
• Sök dolda element
• Omdirigera webbsida
• Formatera siffror
• Hover-zoom
• Vänd box
• Vertikalt centrerad
• Centrera knappen i DIV
• Centrerad lista
• Hover-over transition
• Pil
• Form
• Ladda ner länk
• Full höjd element
• Webbläsarfönster
• Anpassad rullgardin
• Dölj scrollremsa
• Visa/强迫显示滚动remsa
• Enhetsutseende
• Brytbar innehållsram
• Plats-holder-färg
• Inaktivera textområdesstorleksjustering
• Inaktivera textval
• Textvalsningsfärg
• Punktklistragningens färg
• Vertikal linje
• Delningslinje
• Textdelningslinje
• Animationsikoner
• Räkneur
• Typewriter-effekt
• Kommer snart
• Chatmeddelanden
• Pop-up chatfönster
• Skärmdelning
• Kundrecensioner
• Blockräknare
• Citatdiabas
• Klickbara listor
• Typiska enhetsbrytpunkter
• Draggable HTML-element
• JS media query
• Syntaxfärgmarkör
• JS animation
• JS stränglängd
• JS exponentiell operation
• JS standardparametrar
• JS slumpmässiga tal
• JS numerisk array sortering
• JS utökningsoperator
• JS rulla till vy
• Hämta nuvarande datum
• Hämta nuvarande webbadress
• Hämta nuvarande skärmdimensioner
• Hämta iframe-element

Grid

• Två kolumnlayout
• Tre kolumnlayout
• Fyra kolumnlayout
• Utökad grid
• Listgridsvy
• Blandad kolumnlayout
• Kolumnkort
• Zigzag-läge
• Blogglayout

Konverterare

• Konvertera vikt
• Konvertera temperatur
• Konvertera längd
• Konvertera hastighet

Valfria kurser

Kursrekommendationer:

• CodeW3C.com gömman låda

Verktygslåda

JavaScript och HTML DOM referenshandbok

JavaScript exempel

JavaScript prov

JavaScript avancerad kurs

Sponsorerlänk