1
2
3
4
5

<div id='popweixin'>
    <div class='tip top2bottom animate-delay-1'>
        <img src='/static/img/wechat_appstore_popup.jpg'/>
    </div>
</div>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50

#popweixin {    width:100%;
    height:100%;
    overflow:hidden;
    position:fixed;
    z-index:1000;
    background:rgba(0,0,0,.5);
    top:0;
    left:0;
    display:none;
}
#popweixin .tip {    width:100%;
    background:#fff;
    z-index:1001;
}
.top2bottom {    -webkit-animation:top2bottom 1.2s ease;
    -moz-animation:top2bottom 1.2s ease;
    -o-animation:top2bottom 1.2s ease;
    animation:top2bottom 1.2s ease;
    -webkit-animation-fill-mode:backwards;
    -moz-animation-fill-mode:backwards;
    -o-animation-fill-mode:backwards;
    animation-fill-mode:backwards
}
.animate-delay-1 {    -webkit-animation-delay:1s;
    -moz-animation-delay:1s;
    -o-animation-delay:1s;
    animation-delay:1s
}
@-webkit-keyframes top2bottom {    0% {    -webkit-transform:translateY(-300px);
    opacity:.6
}
100% {    -webkit-transform:translateY(0px);
    opacity:1
}
}@keyframes top2bottom {    0% {    transform:translateY(-300px);
    opacity:.6
}
100% {    transform:translateY(0px);
    opacity:1
}

1
2
3
4
5
6
7
8

function a(){    var ua = navigator.userAgent.toLowerCase();
    if (/iphone|ipod/.test(ua)) {        if(/micromessenger/.test(ua)){             document.getElementById("popweixin").style.display = "block";
        }
    }
}