<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
<title>邻食</title>
</head>
<style>
html { -ms-text-size-adjust: none; -webkit-text-size-adjust: none; text-size-adjust: none; font-size: 62.5% }
body { height: 100%; margin: 0; color: #333;background-color: #fff; -webkit-overflow-scrolling: touch; font-family:sans-serif,Microsoft YaHei; }
body, html, img { margin: 0; padding: 0; border: 0; }
.img-responsive { display: block; max-width: 100%; height: auto; }
.img_full { width: 100%; }
.row { position: relative; width: 100%; height: 100%; }
.down { width: 100%; position: absolute; top: 770px; }
.down_menu { width: 45%; margin: 0 auto; }
.down_menu img { display: block; cursor: pointer; }
.m1 { padding: 8px 6px; background: #5db820; border: none; color: #fff; }
#weixin-tip{display:none;position:fixed;left:0;top:0;background:rgba(0,0,0,0.8);filter:alpha(opacity=80);width:100%;height:100%;z-index:100;}
#weixin-tip p{text-align:center;margin-top:10%;padding:0 5%;position:relative;}
#weixin-tip .close{color:#fff;padding:5px;font:bold 20px/24px simsun;text-shadow:0 1px 0 #ddd;position:absolute;top:0;left:5%;}
</style>
<body>
<a id="J_weixin" class="android-btn" href="#"><img src="bg-button.png" alt="微信扫描打开APP下载链接提示代码优化" alt="安卓版下载" /></a>
<div id="weixin-tip"><p><img src="tomcat.png" alt="微信扫描打开APP下载链接提示代码优化" alt="微信打开"/><span id="close" title="关闭" class="close">×</span></p></div>
<!-- <div class="row" id="down"><img src="../images/download/down_bg.jpg" class="img-responsive img_full">
<div class="down" id="down-m">
<div class="down_menu"> <img src="../images/download/down_menu@x2.png" class="img-responsive img_full" id="down-btn2" onClick="down();"> </div>
</div>
</div> -->
<script type="text/javascript">
/* var is_weixin = (function(){return navigator.userAgent.toLowerCase().indexOf('MicroMessenger') !== -1})();
var userAgent = window.navigator.userAgent.toLowerCase();
window.onload = function(){
re_size();
url_redirect();
}
window.onresize = function(){
re_size();
}
function re_size(){
var height = document.getElementById('down').offsetHeight;
document.getElementById('down-m').style.top = parseInt(height*0.225)+'px';
}
*/
var is_weixin = (function() {
var ua = navigator.userAgent.toLowerCase();
if (ua.match(/MicroMessenger/i) == "micromessenger") {
return true;
} else {
return false;
}
})();
window.onload = function() {
var winHeight = typeof window.innerHeight != 'undefined' ? window.innerHeight : document.documentElement.clientHeight; //兼容IOS,不需要的可以去掉
var btn = document.getElementById('J_weixin');
var tip = document.getElementById('weixin-tip');
var close = document.getElementById('close');
if (is_weixin) {
btn.onclick = function(e) {
tip.style.height = winHeight + 'px'; //兼容IOS弹窗整屏
tip.style.display = 'block';
return false;
}
close.onclick = function() {
tip.style.display = 'none';
}
}
}
// if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {
// window.location.href ="http://itunes.apple.com/cn/app/id999310673?mt=8";
// } else if (/(Android)/i.test(navigator.userAgent)) {
// window.location.href ="http://zybapp.com/res/app/android/Linshi-2.0.0.apk";
// } else {
// window.location.href ="http://linshiapp.com/";
// };
//}
</script>
</body>
</html>
转载于:https://www.cnblogs.com/yousen/p/4764417.html