home.html
1.49 KB
<!-- <!DOCTYPE html> -->
<html>
<head>
<style>
html,body{top:0;left:0;padding: 0;margin: 0;border: 0;height:100%;overflow: hidden;width:100%}
body{background-color: #000;background-size:1024px 768px;background-repeat: no-repeat;}
#users{margin-left: 25px;width:auto;}
.headimg{border:1px solid transparent;width:95px;height:95px;overflow: hidden;position: relative;float:left;}
.headImg>img{width:95px;height:auto;min-height: 95px;}
.headImg>.img-opacity{position: absolute;top:-5px;left:-5px;width: 120px;height:120px;z-index: 2;background-color: #333;opacity: 0.7;}
.logo{width:700px;height:700px;overflow: hidden;border-radius: 50%;background-image: url("img/logo.png");position: absolute; left:430px;top:5px;background-size: 85%;background-repeat: no-repeat;z-index:100;background-position: center;animation: breathing 2s;animation-iteration-count: infinite;animation-direction: alternate;display: none;}
@keyframes breathing{from {opacity: 0.8;} to {opacity: 1;} }
</style>
<script src="axios.js"></script>
<script src="jquery.min.js"></script>
<script src="usercache.js"></script>
<script src="home.js"></script>
</head>
<body>
<div id="div-high"></div>
<div id="users" z-for-container = "users-bind">
<div z-for-item = "user-item" class="headimg"><img z-for-data = "headimg" /><div class="img-opacity"></div></div>
</div>
<div class="logo"></div>
</body>
<script>
action.init(1, 1);
</script>
</html>