在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
开源软件名称(OpenSource Name):aaronlumsden/Material-Preloader开源软件地址(OpenSource Url):https://github.com/aaronlumsden/Material-Preloader开源编程语言(OpenSource Language):CSS 66.0%开源软件介绍(OpenSource Introduction):Material Design Preloader!sA jQuery plugin that recreates the Material Design preloader (as seen on inbox). I was fascinated when I first saw the preloader for Google's inbox website so I thought I'd recreate it and turn it into a plugin so that others can use it in their app or website. How to useMake sure you have jQuery included and include 'materialPreloader.js' after jQuery. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="materialPreloader.js"></script> You also need to include 'materialPreloader.css'. <link rel="stylesheet" type="text/css" href="css/materialPreloader.css"> You can then instantiate the plugin along with its options (if required). <script type="text/javascript">
preloader = new $.materialPreloader({
position: 'top',
height: '5px',
col_1: '#159756',
col_2: '#da4733',
col_3: '#3b78e7',
col_4: '#fdba2c',
fadeIn: 200,
fadeOut: 200
});
</script> You can then call the following functions to turn the preloader on & off preloader.on();
preloader.off(); materialPreloader Options
Browser Support
|
2023-10-27
2022-08-15
2022-08-17
2022-09-23
2022-08-13
请发表评论