下载 jQuery.preloader.js
使用说明
1. 在页面的 <body> 后面加入以下代码
<!-- PRELOADER BEGIN -->
<script src="./javascripts/jquery.min.js" type="text/javascript"></script>
<script src="./javascripts/jquery.preloader.js" type="text/javascript"></script>
<!-- PRELOADER END -->
2. 修改 jquery.preloader.js 的内容
一个可能的例子:
var elements = [ // WARN: the last is on the top
{
html: '<p>鄂ICP备15011876号</p>', // DIV element show HTML
animate: {
speed: '8000' // animation interval
},
style: { // element style
'position': 'absolute',
'bottom': '20px',
'width': '100vw',
'text-align': 'center'
}
},
{
html: '稍等一会儿,精彩马上开始!',
animate: {
speed: '8000'
},
style: {
'font-size': '18px'
}
},
{
html: '分享一切 尽在奏界',
animate: {
speed: '3000'
},
style: {
'margin': '12px',
'margin-top': 'calc(50vh - 86px)',
'font-size': '36px'
}
}
];