U乐娱乐注册使用fakeLoader.js创建页面加载动画

HTML

我们只需要在<body>的第一行加入以下代码。 <div id="fakeLoader"></div> 

CSS

然后在<head>里载入css样式文件。 <link rel="stylesheet" href="css/fakeLoader.css"> 

JS

别忘了加载jQuery库文件以及fakeLoader.js。 <script src="js/jquery.js"></script>  <script src="js/fakeLoader.min.js"></script>  然后在</body>的上一行加入以下代码: <script type="text/javascript">  $("#fakeloader").fakeLoader();  </script>  以上代码就是调用了fakeLoader.js插件,该插件还提供了以下选项设置。 timeToHide:过渡加载动画时间,毫秒,默认1200。 spinner:动画效果,有7个值可选: ‘spinner1’, ‘spinner2’, ‘spinner3’, ‘spinner4’, ‘spinner5’, ‘spinner6’, ‘spinner7’,默认值:spinner1。 bgColor:过渡遮罩层背景色,默认:”#2ecc71″。 imagePath:自定义过渡动画图片。 原文链接:http://www.helloweba.com/view-blog-310.html 版权声明:除特别注明外,本站所有文章均为田珊珊个人博客原创 转载请注明:出处来自田珊珊个人博客 » U乐娱乐注册使用fakeLoader.js创建页面加载动画
点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注
U乐娱乐注册