Widget

screenshot of Widget

A component library developed with native JavaScript, including components such as carousel, tab, dropdown, dialog, etc. 一个基于原生JavaScript开发的组件库,包含:轮播、标签页、下拉框、对话框等组件。

Overview:

This project offers a collection of components encapsulated in native JavaScript, aimed at providing solutions for various web development needs. The components include sliders, scrollbars, calendars, carousels, tab panels, magnifiers, countdowns, dropdowns, tabs, image zoom, dialogs, city selectors, and input formatters. By understanding native JavaScript, users can utilize these components to enhance their projects.

Features:

  • Slider: Progress and range control, supports gesture operation for mobile and PC.
  • Scrollbar: Simulated scrollbar, supports gesture operation for mobile and PC.
  • Calendar: Date and date range selection with flexible date selection functions.
  • Seamless Carousel: Seamless scrolling, responsive design, adjustable parameters, etc.
  • Tab Panel: Responsive tab panel with adjustable parameters.
  • Seamless Scroll Up: Seamless scrolling, interval scrolling, responsive design with adjustable parameters.
  • Magnifier: E-commerce magnifier encapsulation with adjustable parameters.
  • Countdown: Countdown functionality with adjustable parameters.
  • Dropdown: Dropdown feature supporting keyboard events and adjustable parameters.
  • Tabs: Simple tab switching and fade in/out slideshow functions.
  • Image Zoom: Image centering and scaling feature.
  • Dialog: Personalized popup layer with custom popup position and clever positioning method.
  • City Selector: Latest and comprehensive city subdivision data with custom event handling method.
  • Input Formatter: Input formatting for easy validation.