<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<title>品材汇微信红包</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="Keywords" content="" />
<meta name="Description" content="" />
<meta content="application/xhtml+xml;charset=UTF-8" http-equiv="Content-Type">
<meta content="no-cache,must-revalidate" http-equiv="Cache-Control">
<meta content="no-cache" http-equiv="pragma">
<meta content="0" http-equiv="expires">
<meta content="telephone=no, address=no" name="format-detection">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<script language=javascript>
window.onselectstart=function() {return false;} //禁用选择
window.οncοpy=function() {return false;} //禁止复制
</script>
<style>
body{background:gray;}
button,.div{
height:80px;
margin-top:20px;
width:100%;
font-size:17px;
color:red;
}
button{background:yellow;}
.div.two img{float:right;}
button:active{background:white;}
.div.one:active{background:blue;color:white;}
.div img{width:50%;height:80px;}
.div.two:active{background:red;}
.div.three:active{background:green;}
.div.two a{color:white;display:inline-block;float:left;width:30%;height:40px;padding:20px;}
</style>
</head>
<body>
<div class="contain">
<button>我是按钮我是按钮我不是按钮</button>
<div class="div one">
<img src="http://attimg.dospy.com/img/day_091202/20091202_f8784dd66a3de4b5b0f915rjNR0Isr2n.png" />
</div>
<div class="div two">
<a href="http://www.baidu.com">测试内容测试内容测试内容</a><img src="http://attimg.dospy.com/img/day_090924/20090924_47734e6dd810caf7ab4c62YK226CGhi1.png" />
</div>
<div class="div three">
<img src="http://attimg.dospy.com/img/day_091202/20091202_f8784dd66a3de4b5b0f915rjNR0Isr2n.png" />
</div>
</html>
<html>
<head>
<meta charset="utf-8" />
<title>品材汇微信红包</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="Keywords" content="" />
<meta name="Description" content="" />
<meta content="application/xhtml+xml;charset=UTF-8" http-equiv="Content-Type">
<meta content="no-cache,must-revalidate" http-equiv="Cache-Control">
<meta content="no-cache" http-equiv="pragma">
<meta content="0" http-equiv="expires">
<meta content="telephone=no, address=no" name="format-detection">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<script language=javascript>
window.onselectstart=function() {return false;} //禁用选择
window.οncοpy=function() {return false;} //禁止复制
</script>
<style>
body{background:gray;}
button,.div{
height:80px;
margin-top:20px;
width:100%;
font-size:17px;
color:red;
}
button{background:yellow;}
.div.two img{float:right;}
button:active{background:white;}
.div.one:active{background:blue;color:white;}
.div img{width:50%;height:80px;}
.div.two:active{background:red;}
.div.three:active{background:green;}
.div.two a{color:white;display:inline-block;float:left;width:30%;height:40px;padding:20px;}
</style>
</head>
<body>
<div class="contain">
<button>我是按钮我是按钮我不是按钮</button>
<div class="div one">
<img src="http://attimg.dospy.com/img/day_091202/20091202_f8784dd66a3de4b5b0f915rjNR0Isr2n.png" />
</div>
<div class="div two">
<a href="http://www.baidu.com">测试内容测试内容测试内容</a><img src="http://attimg.dospy.com/img/day_090924/20090924_47734e6dd810caf7ab4c62YK226CGhi1.png" />
</div>
<div class="div three">
<img src="http://attimg.dospy.com/img/day_091202/20091202_f8784dd66a3de4b5b0f915rjNR0Isr2n.png" />
</div>
</div>
<script type="text/javascript">
//解决iphone按下效果失效
var press = document.getElementsByTagName('body');
for(var i = 0; i < press.length; i++){
press[i].addEventListener('touchstart',function(){},false);
}
</script>
</html>