<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>test</title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.3, user-scalable=no">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta content="telephone=no" name="format-detection">
<meta content="email=no" name="format-detection">
<style>
*{margin:0;padding:0;}
ul{list-style:none;}
.clearfix{zoom:1;}
.clearfix:after{content:'\20';display:block;height:0;clear:both;}
article{display:block;}
body{background:#000;}
.wrapper img{
float:right;
width:80px;
margin-right:30px;
transition:all 2s ease;
}
.wrapper img.on{
width:100%;
height:auto;
margin-right:0;
}
</style>
</head>
<body>
<div class="wrapper" id="wrapper">
<img src="tu.jpg">
</div>
<script src="http://static.utan.com/theme/default/utan/js/common/jquery-2.1.0.min.js"></script>
<script>
$("#wrapper").click(function(){
$("img").addClass("on");
});
</script>
</body>
</html>
扫一扫
3384
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
