Horário de aula

Caixa de ferramentas

• Caixa de Ferramentas CodeW3C.com

Menu

• Barra de ícones
• Ícone de menu
• Acordeão
• Abas
• Abas verticais
• Título da aba
• Abas de página inteira
• Abas ao passar o mouse
• Navegação superior
• Navegação superior responsiva
• Navegação dividida
• Barra de navegação com ícones
• Menu de busca
• Barra de busca
• Barra lateral fixa
• Navegação lateral
• Barra lateral responsiva
• Navegação em tela cheia
• Menu fora do canvas
• Botões de navegação lateral ao passar o mouse
• Barra lateral com ícones
• Menu de rolagem horizontal
• Menu vertical
• Navegação inferior
• Navegação inferior responsiva
• Links de navegação de borda inferior
• Links de menu alinhado à direita
• Links de menu centralizado
• Links de menu isômetrico
• Menu fixo
• Barra de rolagem
• 滚动时隐藏导航栏
• Navigation bar hide on scroll
• Navigation bar shrink on scroll
• Sticky navigation bar
• Navigation bar on image
• Hover drop-down menu
• Click drop-down menu
• Cascading drop-down menu
• Drop-down menu in top navigation bar
• Drop-down menu in sidebar navigation
• Responsive navigation bar with drop-down menu
• Sub-navigation menu
• Drop-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 header

• Image
• Slide
• Slide gallery
• Modal image
• Lightbox
• Responsive image grid
• Image grid
• Image gallery
• Scrollable image gallery
• Sombreamento de sobreposição de imagem
• Image overlay sliding
• Zoom de sobreposição de imagem
• Tabbed image gallery
• 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
• Blurry background image
• Background switch on scroll
• 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
• Loading button
• Download button
• Pill button
• Notification button
• Icon button
• Next page/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 icon
• Newsletter subscription
• Stacked form
• Responsive form
• Pop-up form
• Inline form
• Clear input box
• Hide number arrow
• Copy text to clipboard
• Animated search
• Search button
• Fullscreen search
• Input box in navigation bar
• Login form in navigation bar
• Custom checkbox/radio button
• Custom select box
• Toggle switch
• Select checkbox
• Detect capital lock
• Press Enter to trigger button
• 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
• Filtered list
• Filtered table
• Filtered element
• Filtered dropdown menu
• Sorted list

Sorted table

• Table
• Zebra-striped table
• Centered table
• Full-width table
• Nested table
• Responsive table
• Comparison table

More

• Fullscreen video
• Modal box
• Delete modal box
• Timeline
• Scroll indicator
• Progress bar
• Skill bar
• Range slider
• Color selector
• Email field
• Tooltip
• Hover to display element
• Popup window
• Collapsible content
• Calendar
• HTML include
• To-do list
• Loader
• Badge
• Star rating
• User rating
• Overlay effect
• Contact chip
• Card
• Flip card
• Profile card
• Product card
• Warning
• Tooltip
• Note
• Tag
• Ribbons
• Tag cloud
• Circle
• Styled horizontal line
• Coupon
• List group
• Bordered list group
• Bulletless list
• Responsive text
• Shadow text
• Glowing text
• Fixed footer
• Sticky element
• Equal height
• Clear floating
• Responsive floating
• Notification bar
• Full-screen window
• Scroll drawing
• Smooth scrolling
• Gradient background scrolling
• Sticky header
• Reduce page header on scroll
• Price list
• Parallax scrolling
• Aspect ratio
• Responsive inline frame
• Toggle like/dislike
• Toggle hide/show
• Toggle dark mode
• Toggle text
• Toggle class
• Add class
• Remove class
• Change class
• Active class
• Tree view
• Remove decimal
• Remove attribute
• Offline detection
• Find hidden elements
• Redirect web page
• Format numbers
• Hover zoom
• Flip box
• Vertical centering
• Center button in DIV
• Centered list
• Hover transition
• Arrow
• Shape
• Download link
• Full-height element
• Browser window
• Custom scrollbar
• Hide scrollbar
• Show/force display scrollbar
• Device appearance
• Border for editable content
• Placeholder color
• Disable text area resizing
• Disable text selection
• Text selection color
• Bullet point color
• Vertical line
• Split line
• Text split line
• Animation icon
• Countdown timer
• Typewriter effect
• Upcoming page
• Chat message
• Pop-up chat window
• Split screen
• Customer reviews
• Block counter
• Quotation slide
• Closable list item
• Typical device breakpoints
• Draggable HTML element
• JS media query
• Syntax highlighter
• JS animation
• JS string length
• JS exponentiation operation
• JS default parameter
• JS random number
• JS numerical array sorting
• JS spread operator
• JS scroll to view
• Get current date
• Get current URL
• Get current screen size
• Get iframe element

Grid

• Two-column layout
• Three-column layout
• Four-column layout
• Extended grid
• List grid view
• Mixed column layout
• Column cards
• Zigzag layout
• Blog layout

Converter

• Convert weight
• Convert temperature
• Convert length
• Convert speed

Elective course

Course recommendation:

• Caixa de Ferramentas CodeW3C.com

Caixa de ferramentas

Manual de referência JavaScript e HTML DOM

Exemplos de JavaScript

Teste de JavaScript

Tutorial avançado de JavaScript

Link de patrocinador