https://github.com/sutara79/jquery.random-fade-in

jQuery plugin to fade-in at random.
https://github.com/sutara79/jquery.random-fade-in

jquery jquery-plugin

Last synced: 2 months ago
JSON representation

jQuery plugin to fade-in at random.

• Host: GitHub
• URL: https://github.com/sutara79/jquery.random-fade-in
• Owner: sutara79
• Created: 2012-10-11T00:20:45.000Z (over 12 years ago)
• Default Branch: master
• Last Pushed: 2018-08-18T01:29:51.000Z (over 6 years ago)
• Last Synced: 2024-10-06T17:47:59.761Z (4 months ago)
• Topics: jquery, jquery-plugin
• Language: HTML
• Homepage: http://sutara79.github.io/jquery.random-fade-in/
• Size: 354 KB
• Stars: 12
• Watchers: 3
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md

Awesome Lists containing this project

README

        
# jquery.random-fade-in

[![npm version](https://img.shields.io/npm/v/jquery.random-fade-in.svg)](https://www.npmjs.com/package/jquery.random-fade-in)

[![Build Status](https://travis-ci.org/sutara79/jquery.random-fade-in.svg?branch=master)](https://travis-ci.org/sutara79/jquery.random-fade-in)

jQuery plugin to fade-in at random.

![Sample image](sample/image.png)

## Demo

https://sutara79.github.io/jquery.random-fade-in/

## Install

- [GitHub](https://github.com/sutara79/jquery.random-fade-in): Clone or download.

- [npm](https://www.npmjs.com/package/jquery.random-fade-in): `npm i jquery.random-fade-in`

- CDN ([jsDelivr](https://github.com/jsdelivr/jsdelivr#usage)):

    - jquery.random-fade-in.min.js: [v1.3.3](https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.random-fade-in.min.js)

## Usage

###### HTML

```html



  


    
foo

  

  


    
bar

  

  


    
baz

  



```

###### CSS

```css

.box-container div p {

  display: none; /* Required */

}

```

###### JavaScript

```javascript

$('.box-container').randomFadeIn();

```

## Option

|name|type|default|description|

|--|--|--|--|

|[1st arg](http://sutara79.github.io/jquery.random-fade-in/#duration)|string, number|`'slow'`|Duration. Same to [jQuery ".fadeIn()"](http://api.jquery.com/fadeIn/).|

|[2nd arg](http://sutara79.github.io/jquery.random-fade-in/#no-repeat)|boolean|`true`|Whether to repeat.|

## Compatibility

- jQuery: >=3.0.0 ([because of XSS vulnerability](https://nodesecurity.io/advisories/jquery_xss))

- Browser: Chrome58, Firefox52, IE11, Edge14

## License

[MIT](https://www.opensource.org/licenses/mit-license.php)

## Author

[Yuusaku Miyazaki](http://d.hatena.ne.jp/sutara_lumpur/20120421/1335009088)

(  )