
<!DOCTYPE html> |
<html lang="en"> |
<head> |
<meta charset="UTF-8"> |
<title>加载中</title> |
</head> |
<!-- jQuery --> |
<script src="../js/jquery.min.js"></script> |
<style> |
.cover { |
text-align: center; |
position: fixed; |
left: 500px; |
top: 200px; |
} |
/* #loading { |
position: relative; |
left: 20px; |
top: -10px; |
width: 30px; |
height: 30px; |
display: none; |
}*/ |
#loading { |
position: relative; |
left: 5px; |
top: 1px; |
width: 50px; |
height: 20px; |
display: none; |
} |
</style> |
<body> |
<div class="cover"> |
<button class="cover" id="saveBtn" onclick="test()">测试按钮</button> |
<!--<img id="loading" src="../img/loading.gif"/>--> |
<img id="loading" src="../img/loading2.gif"/> |
<button id="closeBtn" onclick="testBtn1()">关闭</button> |
</div> |
</body> |
<script> |
function test() { |
$('#saveBtn').css('opacity', '0.2'); |
/*$('#loading').css('display', 'block');*/ |
$('#loading').css('display', 'block'); |
} |
function testBtn1() { |
$('#saveBtn').css('opacity', ''); |
/*$("#loading").css('display', 'none');*/ |
$("#loading").css('display', 'none'); |
} |
</script> |
</html> |




by: 发表于:2017-12-19 09:42:57 顶(0) | 踩(0) 回复
??
回复评论