A component library developed with native JavaScript, including components such as carousel, tab, dropdown, dialog, etc.
Project Demo:
- GitHub Pages Deployment: http://widget.huanghanlian.com/
Background: With the rise of various frameworks nowadays, we seldom think about how native JS works, understanding native JS is also very important～
Description: Progress and range control, supports gesture operation, supports mobile and PC Demonstration
new range("selector", options, callback(api));Description: Simulated scrollbar, supports gesture operation, supports mobile and PC Demonstration
new scrollbar("selector", options, callback(api));Description: Date and date range selection, flexible date selection function Demonstration
new calendar("selector", options);Description: Seamless scrolling, responsive, adjustable parameters, etc. Demonstration
new bannerha(selector, { options });Description: Tab panel, responsive, adjustable parameters, etc. Demonstration
new tabpanel(selector, { options });Description: Seamless scrolling, interval scrolling, responsive, adjustable parameters, etc. Demonstration
new scrollup(selector, { options });Description: E-commerce magnifier encapsulation, adjustable parameters, etc. Demonstration
new magnifier(selector, { options });Description: Countdown, adjustable parameters, etc. Demonstration
new countdown(selector, { options });Description: Dropdown, supports keyboard events, adjustable parameters, etc. Demonstration
new select(selector, { options });Description: Simple tab switching and fade in and out slideshow functions Demonstration
new tabs(selector, { options });Description: Image centering and scaling processing Demonstration
new imagezoom(selector, { options });Description: Personalized popup layer, custom popup position, clever positioning method Demonstration
new dialog(selector, { options });Description: Latest and most complete city subdivision data, custom event handling method Demonstration
new citys("selector", options, callback(api));Description: Input formatting for easy validation Demonstration
new inputFormat("selector", options, callback(api));MIT License
Copyright (c) 2024 Jipeng Huang