# widget

**Repository Path**: gfCloud/widget

## Basic Information

- **Project Name**: widget
- **Description**: A set of widgets based on jQuery&&javascript. 一套基于jquery或javascript的插件库 ：轮播、标签页、滚动条、下拉框、对话框、搜索提示、城市选择(城市三级联动)、日历等
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2018-01-15
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# web组件

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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