• Stars
    star
    110
  • Rank 316,770 (Top 7 %)
  • Language
    JavaScript
  • License
    MIT License
  • Created almost 8 years ago
  • Updated 9 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

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

web组件

版权

本套组件由 huanghanlian.com 原创,请尊重原创,保留脚本头部版权。


滑动条-原生js封装

简介:进度及范围控制,支持手势操作,支持移动端+PC 演示

new range("selector",options,callback(api));

滚动条-原生js封装

简介:模拟滚动条,支持手势操作,支持移动端+PC 演示

new scrollbar("selector",options,callback(api));

日历-原生js封装

简介:日期及日期范围选择,灵活的日期选择功能 演示

new calendar("selector",options);

无缝轮播图-原生js封装

简介:无缝滚动、响应式、参数可调控等等 演示

new bannerha(selector,{options});

Tab面板-原生js封装

简介:Tab面板、响应式、参数可调控等等 演示

new tabpanel(selector,{options});

无缝向上滚动-原生js封装

简介:无缝滚动、间隔滚动、响应式、参数可调控等等 演示

new scrollup(selector,{options});

放大镜-原生js封装

简介:电商放大镜封装、参数可调控等等 演示

new magnifier(selector,{options});

倒计时-原生js封装

简介:倒计时、参数可调控等等 演示

new countdown(selector,{options});

下拉框-原生js封装

简介:下拉框、支持键盘事件、参数可调控等等 演示

new select(selector,{options});

标签页-tabs-原生js封装

简介:简易标签切换及淡入淡出幻灯片功能 演示

new tabs(selector,{options});

图片聚焦-imagezoom-原生js封装

简介:图片居中及缩放处理 演示

new imagezoom(selector,{options});

弹出框-dialog-原生js封装

简介:个性弹出层,自定义弹出位置,巧妙的定位方式 演示

new dialog(selector,{options});

城市三级联动 - citys-原生js封装

简介:最新最全的城市区划数据,自定义事件处理方式 演示

new citys("selector",options,callback(api));

格式化输入框-inputFormat-原生js封装

简介:格式化输入,方便验证 演示

new inputFormat("selector",options,callback(api));

More Repositories

1

c-shopping

A beautiful shopping platform developed with Next.js, tailored for various devices including Desktop, Tablet, and Phone. 基于Nextjs开发同时适配Desktop、Tablet、Phone多种设备的精美购物平台
JavaScript
1,870
star
2

c-shopping-rn

This is a complete App developed by React Native (Expo). It is a beautiful e-commerce shopping application. 这个是一个React Native(Expo) 开发的完整App应用,是一个精美的电商购物应用。
JavaScript
636
star
3

c-shopping-weapp

Based on the react ecosystem and using the taro framework, a complete WeChat applet application is developed, a beautiful e-commerce shopping application. 基于react生态,使用taro框架下,开发的完整微信小程序应用,一个精美的电商购物应用。
JavaScript
161
star
4

h-blog

A Lightweight Blog System Based on Node.js and Express.js, Compatible with Desktop, Tablet, and Phone. 基于node.js, express.js 开发同时适配Desktop、Tablet、Phone多种设备的 精简博客系统。
JavaScript
9
star
5

agwebapp

基于AngularJS.1 构建一个完整FE 单页面应用
JavaScript
6
star
6

shopImooc

JavaScript
2
star
7

data_location

Administrative divisions of China.中国行政区划信息-json数据
2
star
8

front-end-note

Front-end notes.前端笔记
HTML
2
star
9

Ajax_Contact

This is a comprehensive understanding of the native Ajax DEMO, including PHP simple syntax, JSON data format; you can understand the concept of Ajax, HTTP request concept. 这是一个全面了解原生Ajax的DEMO,包含PHP简单语法、JSON数据格式;您可以了解到Ajax概念、HTTP请求概念。
PHP
2
star
10

DOM_Event_mystery

The DOM event. DOM事件探秘
JavaScript
2
star
11

huanghanzhilian

Hey 👋, My name is Jipeng Huang! I'm an explorer of new tech, an avid learner, and a problem-solver at heart.
1
star
12

qiaogongyi

HTML
1
star
13

my_Article

PHP
1
star
14

wisdom_admin

CSS
1
star
15

Front_demo

前端开发的一些案例。 Some examples of front-end development.
HTML
1
star
16

myblog

HTML
1
star