All Projects → sutara79 → jquery.random-fade-in

sutara79 / jquery.random-fade-in

Licence: other
jQuery plugin to fade-in at random.

Programming Languages

HTML
75241 projects
javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to jquery.random-fade-in

intl-tel-input-rails
intl-tel-input for the Rails asset pipeline
Stars: ✭ 35 (+169.23%)
Mutual labels:  jquery-plugin
jquery-svg
A jQuery plugin to apply css styles and js scripts to a SVG which is embedded (using the <object> tag).
Stars: ✭ 28 (+115.38%)
Mutual labels:  jquery-plugin
bootstrap-dropselect
A simple jQuery plugin that extends bootstrap's dropdown menu into something like github's select menu.
Stars: ✭ 77 (+492.31%)
Mutual labels:  jquery-plugin
ivia
A reactive & model-driven MVVM framework for jQuery with Vue-like interface.
Stars: ✭ 69 (+430.77%)
Mutual labels:  jquery-plugin
busy-load
A flexible loading-mask jQuery-plugin
Stars: ✭ 76 (+484.62%)
Mutual labels:  jquery-plugin
jsontree
jQuery plugin for JSON visualization
Stars: ✭ 14 (+7.69%)
Mutual labels:  jquery-plugin
jquery-regexp-classes
$(elem).removeClass(regExp) and $(elem).hasClass(regExp)
Stars: ✭ 18 (+38.46%)
Mutual labels:  jquery-plugin
jquery-microdata
jQuery plugin for HTML Microdata
Stars: ✭ 13 (+0%)
Mutual labels:  jquery-plugin
cascading-dropdown
Cascading form drop-down menus
Stars: ✭ 43 (+230.77%)
Mutual labels:  jquery-plugin
dom-navigator
⚓️ JS library that allow keyboard navigation through DOM elements (←↑→↓).
Stars: ✭ 36 (+176.92%)
Mutual labels:  jquery-plugin
jqIpLocation
jqIpLocation – jQuery Plugin that returns the location of an IP address in JSON format
Stars: ✭ 18 (+38.46%)
Mutual labels:  jquery-plugin
decoy
jQuery plugin to make decoys for your elements.
Stars: ✭ 53 (+307.69%)
Mutual labels:  jquery-plugin
jquery-load-json
jQuery plugin that enables developers to load JSON data from the server and load JSON object into the DOM
Stars: ✭ 26 (+100%)
Mutual labels:  jquery-plugin
ml-stack-nav
Customizable, responsive, accessible, easy-to-use multi-level stack navigation menu with slide effect.
Stars: ✭ 20 (+53.85%)
Mutual labels:  jquery-plugin
jquery.skeleton.loader
A jQuery plugin to make screen skeleton loader.
Stars: ✭ 65 (+400%)
Mutual labels:  jquery-plugin
GaugeMeter
An elegant and dynamic animated graphical gauge meter built with jQuery. GaugeMeter.js is highly customizable and includes full-radial, semi-radial & arch dials.
Stars: ✭ 30 (+130.77%)
Mutual labels:  jquery-plugin
hierarchy-select
Hierarchy Select jQuery Plugin for Twitter Bootstrap
Stars: ✭ 40 (+207.69%)
Mutual labels:  jquery-plugin
LineProgressbar
A light weight jquery progressbar plugin
Stars: ✭ 34 (+161.54%)
Mutual labels:  jquery-plugin
jquery-asColorPicker
ColorInput is a jQuery plugin used to show color picker for a input field.
Stars: ✭ 18 (+38.46%)
Mutual labels:  jquery-plugin
tabullet
Simple jQuery plugins for creating a table that can insert, edit, and delete row in one place.
Stars: ✭ 13 (+0%)
Mutual labels:  jquery-plugin

jquery.random-fade-in

npm version Build Status

jQuery plugin to fade-in at random.

Sample image

Demo

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

Install

Usage

HTML
<div class="box-container">
  <div><!-- Wrapper (Required) -->
    <p>foo</p><!-- Target to fade-in -->
  </div>
  <div>
    <p>bar</p>
  </div>
  <div>
    <p>baz</p>
  </div>
</div>

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="jquery.random-fade-in.min.js"></script>
CSS
.box-container div p {
  display: none; /* Required */
}
JavaScript
$('.box-container').randomFadeIn();

Option

name type default description
1st arg string, number 'slow' Duration. Same to jQuery ".fadeIn()".
2nd arg boolean true Whether to repeat.

Compatibility

License

MIT

Author

Yuusaku Miyazaki ( [email protected] )

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].