# visibleAnimate.js

**Repository Path**: yyx219/visible-animate.js

## Basic Information

- **Project Name**: visibleAnimate.js
- **Description**: 基于javascript的可视区动画加载效果
- **Primary Language**: JavaScript
- **License**: BSD-3-Clause
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-06-22
- **Last Updated**: 2022-06-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 网页可视区动画加载效果

## props
1. boxClass - 需要加载动画的DOM元素
2. animateClass － 动画CSS样式效果 （默认采用animate.css中的动画效果）
3. offset - DOM元素动画加载的位置 
4. mobile - 是否支持在移动端下加载动画
5. delay - 延迟加载，默认200

## event

init() - 初始化开始

## 使用示例

```js
  const arr = ['fadeInLeftBig','fadeInRightBig'];
  const visible = new VisibleAnimate({
      boxClass: '.box',
      animateClass: arr,
      offset: document.getElementsByClassName('box')[0].clientHeight / 2 ,
      mobile: true,
      delay:200
  });

  visible.init();
```