43 lines
1.2 KiB
HTML
43 lines
1.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN" style="height: 100%">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
|
|
<title>潞城区数字农业云平台</title>
|
|
</head>
|
|
<body style="background-color:black">
|
|
<img class="apng-image" src="img/111.png" style="width:1000px;height:1000px;" />
|
|
<!-- jquery -->
|
|
<script type="text/javascript" src="js/jquery.min.js"></script>
|
|
<script type="text/javascript" src="plugin/js/apng-canvas.min.js"></script>
|
|
<script>
|
|
//初始化加载完成
|
|
$(document).ready(function () {
|
|
//你要做的事情
|
|
console.log('ready-加载完成')
|
|
})
|
|
window.onload = function () {
|
|
//你要做的事情
|
|
console.log('onload-加载完成')
|
|
}
|
|
//当页面加载状态改变的时候执行function
|
|
document.onreadystatechange = function () {
|
|
//当页面加载状态为完全结束时进入
|
|
if (document.readyState == "complete") {
|
|
//你要做的操作。
|
|
console.log('complete-加载完成')
|
|
|
|
APNG.ifNeeded().then(function () {
|
|
var images = document.querySelectorAll(".apng-image");
|
|
for (var i = 0; i < images.length; i++) APNG.animateImage(images[i]);
|
|
});
|
|
}
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|
|
|
|
|
|
|