jQ添加class 滚动条滑动

<!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>

 

 

$("html, body").animate({scrollTop:0},{duration:300,easing: "swing"});

posted on 2015-03-18 14:12  鬼鬼丫404  阅读(249)  评论(0)    收藏  举报

导航