【jQuery】ロードモーダルプラグインjQuery LoadingModal

jQuery LoadingModalはCSS3ローディングアニメーションを使ったロードモーダルjQueryプラグイン。

Installation

<script src="jquery.loadingModal.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="jquery.loadingModal.min.css" type="text/css" />

Usage

$('body').loadingModal({text: 'Showing loader animations...', 'animation': 'wanderingCubes'});

Options

position: 'auto',
text: '',
color: '#fff',
opacity: '0.7',
backgroundColor: 'rgba(0, 86, 205, 0.7)',
animation: 'doubleBounce'

Methods

$('body').loadingModal('text', 'My changed text');
$('body').loadingModal('animation', 'rotatingPlane');
$('body').loadingModal('color', '#000');
$('body').loadingModal('backgroundColor', 'yellow');
$('body').loadingModal('opacity', '0.9');
$('body').loadingModal('hide');
$('body').loadingModal('show');
$('body').loadingModal('destroy');

MIT

 
jQuery LoadingModal

【jQuery】ロードモーダルプラグインjQuery LoadingModal

  • LATEST
  • RELATED
  • POPULAR