https://github.com/fantasticlbp/hud

This hud written with css
https://github.com/fantasticlbp/hud

css-animations css3 css3-animations hud js-animations loader loading-animations loading-page loading-screen

Last synced: 4 months ago
JSON representation

This hud written with css

• Host: GitHub
• URL: https://github.com/fantasticlbp/hud
• Owner: FantasticLBP
• License: mit
• Created: 2017-07-17T09:33:36.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2017-07-27T13:44:47.000Z (almost 8 years ago)
• Last Synced: 2025-01-14T01:12:41.193Z (5 months ago)
• Topics: css-animations, css3, css3-animations, hud, js-animations, loader, loading-animations, loading-page, loading-screen
• Language: CSS
• Size: 1.02 MB
• Stars: 2
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# HUD for jQuery

This animation is written by css.

### Demo

```

```

then in your js code :

```

//加载状态

loadingWithMessage("正在请求数据",1);

//结束动画

dismiss();

```

![效果图](https://raw.githubusercontent.com/FantasticLBP/HUD/master/2017-07-27%2021_28_28.gif "loading animation1")

```

//加载状态

loadingWithMessage("正在请求数据",2);

//结束动画

dismiss();

```

![效果图](https://raw.githubusercontent.com/FantasticLBP/HUD/master/2017-07-27%2021_30_13.gif "loading animation2")

```

//加载状态

loadingWithMessage("正在请求数据",3);

//结束动画

dismiss();

```

![效果图](https://raw.githubusercontent.com/FantasticLBP/HUD/master/2017-07-27%2021_31_50.gif "loading animation3")

```

//加载状态

loadingWithMessage("正在请求数据",4);

//结束动画

dismiss();

```

![效果图](https://raw.githubusercontent.com/FantasticLBP/HUD/master/2017-07-27%2021_33_25.gif "loading animation4")

```

//加载状态

loadingWithMessage("正在请求数据",5);

//结束动画

dismiss();

```

![效果图](https://raw.githubusercontent.com/FantasticLBP/HUD/master/2017-07-27%2021_34_08.gif "loading animation5")

```

//加载状态

loadingWithMessage("正在请求数据",6);

//结束动画

dismiss();

```

![效果图](https://github.com/FantasticLBP/HUD/raw/master/2017-07-27%2021_34_35.gif "loading animation6")

```

//加载状态

loadingWithMessage("正在请求数据",7);

//结束动画

dismiss();

```

![效果图](https://github.com/FantasticLBP/HUD/blob/master/2017-07-27%2021_35_12.gif?raw=true "loading animation7")

```

//加载状态

loadingWithMessage("正在请求数据",8);

//结束动画

dismiss();

```

![效果图](https://github.com/FantasticLBP/HUD/blob/master/2017-07-27%2021_35_40.gif?raw=true "loading animation8")

```

//加载状态

loadingWithMessage("正在请求数据",9);

//结束动画

dismiss();

```

![效果图](https://github.com/FantasticLBP/HUD/blob/master/2017-07-27%2021_36_02.gif?raw=true "loading animation9")

如果有不懂的地方可以加入QQ交流群讨论：**515066271**。这个QQ群讨论技术范围包括：iOS、H5混合开发、前端开发、PHP开发，欢迎大家讨论技术。