Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/mumuy/widget

基于jquery的插件库 - 轮播/标签页/滚动条/下拉框/对话框/搜索提示/城市三级联动/日历_A set of widgets based on jQuery
https://github.com/mumuy/widget

calendar carousel javascript jquery plugins slider widget

Last synced: 26 days ago
JSON representation

基于jquery的插件库 - 轮播/标签页/滚动条/下拉框/对话框/搜索提示/城市三级联动/日历_A set of widgets based on jQuery

Awesome Lists containing this project

README

        

# web组件

- 项目演示(DEMO)地址:https://jquerywidget.com/

### 版权
本套组件由 [passer-by.com](https://passer-by.com/) 原创,请尊重原创,保留脚本头部版权。

### 调用
统一的调用方式:
```javascript
$(selector).widgetName(options,callback(api));
```
---

### 轮播
简介:支持xy双方向、无缝滚动、响应式、移动端手势操作、十余种动画特效等等
[演示](https://jquerywidget.com/jquery-slider/)
```javascript
$(selector).slider(options,callback(api));
```

### 标签页
简介:简易标签切换及淡入淡出幻灯片功能
[演示](https://jquerywidget.com/jquery-tabs/)
```javascript
$(selector).tabs(options,callback(api));
```

### 滚动条
简介:模拟滚动条,支持手势操作
[演示](https://jquerywidget.com/jquery-scrollbar/)
```javascript
$(selector).scrollbar(options,callback(api));
```

### 下拉框
简介:模拟下拉框选择,自定义下拉框样式
[演示](https://jquerywidget.com/jquery-select/)
```javascript
$(selector).select(options,callback(api));
```

### 滑动条
简介:进度及范围控制
[演示](https://jquerywidget.com/jquery-range/)
```javascript
$(selector).range(options,callback(api));
```

### 对话框
简介:模拟浏览器对话框
[演示](https://jquerywidget.com/jquery-dialog/)
```javascript
$(selector).dialog(options,callback(api));
```

### 倒计时
简介:倒计时,定时执行任务
[演示](https://jquerywidget.com/jquery-countdown/)
```javascript
$(selector).countdown(options,callback(api));
```

### 图片聚焦
简介:图片居中及缩放处理
[演示](https://jquerywidget.com/jquery-imagezoom/)
```javascript
$(selector).imagezoom(options);
```

### 浮动菜单
简介:滚动过程中变化的浮动菜单
[演示](https://jquerywidget.com/jquery-imagezoom/)
```javascript
$(selector).imagezoom(options);
```

### 日历
简介:日期及日期范围选择,灵活的日期选择功能
[演示](https://jquerywidget.com/jquery-calendar/)
```javascript
$(selector).calendar(options,callback(api));
```

### 弹出层
简介:个性弹出层,自定义弹出位置,巧妙的定位方式
[演示](https://jquerywidget.com/jquery-popup/)
```javascript
$(selector).popup(options);
```

### 搜索建议
简介:仿搜索引擎中的搜索提示,方便用户选择
[演示](https://jquerywidget.com/jquery-suggestion/)
```javascript
$(selector).suggestion(options,callback(api));
```

### 城市三级联动
简介:最新最全的城市区划数据,并收集包含了港澳台地方信息
[演示](https://jquerywidget.com/jquery-citys/)
```javascript
$(selector).citys(options,callback(api));
```

### 格式化输入框
简介:格式化输入,方便验证
[演示](https://jquerywidget.com/jquery-inputFormat/)
```javascript
$(selector).inputFormat(options,callback(api));
```

### 手风琴
[演示](https://jquerywidget.com/jquery-accordion/)
```javascript
$(selector).accordion(options,callback(api));
```

### 颜色选择器
[演示](https://jquerywidget.com/jquery-colorpicker/)
```javascript
$(selector).colorpicker(options);
```

### 聊天表情
[演示](https://jquerywidget.com/jquery-emoticons/)
```javascript
$.emoticons(options,callback(api));
```