kanade

基于jQuery的网页预加载动画
下载 jQuery.preloader.jsGithub使用说明1. 在页面的 <body> 后面加入...
扫描右侧二维码阅读全文
23
2018/12

基于jQuery的网页预加载动画

jQuery.preloader.js

下载 jQuery.preloader.js

Github

使用说明

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'
        }
    }
];

演示效果

奏世界

Last modification:January 5th, 2019 at 06:49 pm

Leave a Comment

打扰了,还没做好,你去看看别的吧。。。

真的要离开我吗?

项目作者:Illyasviel(@illyasviels)
当前版本号:1.0.0。
持续更新请关注作者Github。